@import url("./whitespace-reset.css");

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333; }

a { color: #0066cc; }
a:link, a:active, a:visited { text-decoration: underline; }
a:hover { text-decoration: none; }

h3.gradient {
	position: relative;
	padding: 0 5px;
	font-family: Georgia;
	font-size: 14px;
	font-weight: normal;
	line-height: 22px;
	color: #ffffff; }
h3.dark {
	border: 2px solid #253143;
	background: #253143 url("../images/bg_heading_dark-blue.gif") 0 0 repeat-x; }
h3.light {
	border: 2px solid #445878;
	background: #445878 url("../images/bg_heading_light-blue.gif") 0 0 repeat-x; }
	h3.gradient a {
		float: right;
		font-family: Arial;
		font-size: 11px;
		color: #d8d9da; }
h3.with-message { padding-left: 24px; }
	h3.with-message p.message-number {
		position: absolute;
		left: -7px;
		top: -8px;
		width: 26px;
		height: 24px;
		padding: 2px 0 0 0;
		text-align: center;
		font-family: Arial;
		font-size: 14px;
		font-weight: bold;
		background: transparent url("../images/bg_message-number.gif") 0 0 no-repeat; }
.clearer { clear: both; }

#header {
	width: 960px;
	margin: 0 auto;
	background: #253143; }
#header.logged-in { background: #253143 url("../images/bg_header_logged-in.gif") 898px 0 repeat-y; }
	#header form#login {
		float: left;
		width: 100%;
		background: #253143; }
		#header form#login fieldset {
			float: right;
			padding: 3px 5px 3px 0; }
		#header form#login label { display: none; }
		#header form#login input.input-text {
			float: left;
			height: 20px;
			padding: 2px 0 0 5px;
			margin: 0 4px 0 0;
			color: #9298a1;
			border: 1px solid #ffffff; }
		#header form#login input.btn_submit {
			float: left; }
	#header #logged-in-panel {
		padding: 8px 15px 8px 0;
		font-size: 11px;
		text-align: right; }
	#header p {
		display: inline;
		padding: 0 0 0 25px;
		color: #ffffff; }
		#header p a { color: #ffffff; }
		#header p a.username{ font-weight: bold; }

#nav-wrapper {
	clear: both;
	height: 57px;
	border-top: 2px solid #ffffff;
	background: transparent url("../images/bg_navigation.gif") 0 0 repeat-x; }

#nav {
	width: 960px;
	margin: 0 auto; }
	#nav h1 {
		float: left;
		width: 144px;
		height: 38px;
		padding: 9px 55px 0 0; }
		#nav h1 a {
			display: block;
			width: 100%;
			height: 100%;
			background: transparent url("../images/logo_finalsclub_header.gif") 0 0 no-repeat;
			text-indent: -5000px; }
	#nav ul {
		float: left;
		width: 760px;
		padding: 22px 0 0 0; }
	#nav li {
		float: left;
		height: 25px;
		padding: 0 0 8px 0;
		margin: 0 20px 0 0; }
	#nav li.active { background: transparent url("../images/bg_nav-current.gif") 50% 100% no-repeat; }
		#nav li a {
			position: relative;
			display: block;
			width: 100%;
			height: 100%;
			text-indent: -5000px; }
		#nav-wrapper #nav li a:hover { background-position: 100% 0; }
			#nav li a span.new {
				position: absolute;
				display: block;
				right: -6px;
				bottom: -3px;
				width: 25px;
				height: 10px;
				background: transparent url("../images/icon_new.gif") 0 0 no-repeat; }
	#nav li#nav_home { width: 45px; }
		#nav li#nav_home a { background: transparent url("../images/nav_home.gif") 0 0 no-repeat; }
	#nav li#nav_course-notes { width: 85px; }
		#nav li#nav_course-notes a { background: transparent url("../images/nav_course-notes.gif") 0 0 no-repeat; }
	#nav li#nav_book-annotations { width: 111px; }
		#nav li#nav_book-annotations a { background: transparent url("../images/nav_book-annotations.gif") 0 0 no-repeat; }
	#nav li#nav_study-groups { width: 87px; }
		#nav li#nav_study-groups a { background: transparent url("../images/nav_study-groups.gif") 0 0 no-repeat; }
	#nav li#nav_online-tutoring { width: 99px; }
		#nav li#nav_online-tutoring a { background: transparent url("../images/nav_online-tutoring.gif") 0 0 no-repeat; }
	#nav li#nav_create-account { width: 113px; }
		#nav li#nav_create-account a { background: transparent url("../images/nav_create-account.gif") 0 0 no-repeat; }
	#nav li#nav_profile { width: 48px; }
		#nav li#nav_profile a { background: transparent url("../images/nav_profile.gif") 0 0 no-repeat; }

#homepage-heading {
	clear: both;
	background: transparent url("../images/bg_homepage-heading.gif") 50% 0 no-repeat; }
	#homepage-heading .inner {
		position: relative;
		width: 960px;
		height: 350px;
		margin: 0 auto;
		background: transparent url("../images/bg_homepage-heading_inner.jpg") 0 0 no-repeat; }
	#homepage-heading h1 {
		position: absolute;
		left: 361px;
		top: 41px;
		width: 473px;
		height: 59px;
		background: transparent url("../images/hdr_homepage.jpg") 0 0 no-repeat;
		text-indent: -5000px; }
	#homepage-heading .about {
		position: absolute;
		left: 361px;
		top: 109px;
		width: 500px; }
	#homepage-heading p {
		padding: 0 0 15px 0;
		font-size: 14px;
		line-height: 140%;
		color: #ffffff; }
	#homepage-heading a.btn_create-account {
		display: block;
		float: left;
		width: 220px;
		height: 37px;
		margin: 0 20px 0 0;
		background: transparent url("../images/btn_create-account.gif") 0 0 no-repeat;
		text-indent: -5000px; }
	#homepage-heading a.existing-user {
		color: #ffffff;
		line-height: 37px;
		text-decoration: underline; }
	#homepage-heading form#choose-course {
		position: absolute;
		left: 355px;
		top: 249px;
		height: 63px;
		background: transparent url("../images/bg_school-select_repeat.gif") 0 0 repeat-x; }
		#homepage-heading form#choose-course fieldset {
			float: left;
			padding: 0 0 0 18px;
			background: transparent url("../images/bg_school-select_left.gif") 0 0 no-repeat; }
		#homepage-heading form#choose-course label {
			float: left;
			padding: 18px 13px 0 0;
			font-size: 18px;
			color: #333333; }
		#homepage-heading form#choose-course .dropdown {
			float: left;
			height: 32px;
			margin: 12px 12px 0 0;
			background: #333333 url("../images/bg_homepage-dropdown.gif") 100% 0 no-repeat; }
			#homepage-heading form#choose-course .dropdown a {
				display: block;
				padding: 0 0 0 5px;
				font-size: 18px;
				line-height: 32px;
				text-decoration: none;
				color: #ffffff;
				background: #333333; }
			#homepage-heading form#choose-course .dropdown a.first { background: transparent; }
		#homepage-heading form#choose-course .courses { width: 184px; }
		#homepage-heading form#choose-course .schools { width: 164px; }
		#homepage-heading form#choose-course .right-border {
			float: left;
			width: 8px;
			height: 63px;
			background: transparent url("../images/bg_school-select_right.gif") 0 0 no-repeat; }
		#homepage-heading form#choose-course input.btn_submit {
			float: left;
			margin: 12px 5px 0 0; }

#wrapper {
	clear: both;
	width: 960px;
	margin: 0 auto; }

.home #left-col {
	float: left;
	width: 546px;
	padding: 0 12px 25px 0; }
.home #right-col {
	float: left;
	width: 402px;
	padding: 0 0 25px 0; }

.module {
	clear: both;
	float: left;
	margin: 0 0 12px 0; }
#left-col .module { width: 520px; }
#right-col .module { width: 376px; }
.module.blue {
	padding: 8px;
	border: 5px solid #3d454f;
	background: #3c4757 url("../images/bg_blue-gradient.gif") 0 0 repeat-x; }
.module.cream {
	padding: 8px;
	border: 5px solid #e5e5d6;
	background: #f7f6e4 url("../images/bg_cream-gradient.gif") 0 0 repeat-x; }
.module.purple {
	padding: 8px;
	border: 5px solid #b891d2;
	background: #cea4eb url("../images/bg_purple-gradient.gif") 0 0 repeat-x; }
h2.midline-heading {
	margin: 0 0 12px 0;
	font-family: Georgia;
	font-size: 16px;
	font-weight: normal;
	text-align: center; }
	h2.midline-heading span { padding: 0 8px; }
.blue h2.midline-heading { background: transparent url("../images/bg_midline-heading_gray.gif") 0 50% repeat-x; }
	.blue h2.midline-heading span {
		color: #ffffff;
		background: #525c6a; }

#videos ul {
	float: left;
	clear: both;
	padding: 0 0 0 4px; }
#videos li {
	float: left;
	width: 250px;
	padding: 0 13px 0 0;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	text-align: center; }
#videos li.last { padding: 0; }
	#videos li img {
		display: block;
		margin: 0 0 7px 0;
		border: 3px solid #ffffff; }
	#videos li a {
		text-decoration: none;
		color: #ffffff; }

.module img.block-left {
	display: block;
	float: left; }
#tutoring img.block-left {
	width: 106px;
	padding: 16px 21px; }
#podcasts img.block-left {
	width: 94px;
	padding: 0 15px 0 5px; }
.module div.details {
	float: left;
	padding: 0 0 0 18px; }
	.module div.details h3 {
		padding: 0 0 5px 0;
		font-size: 14px;
		color: #4c4d48; }
	.module div.details p {
		padding: 0 0 10px 0;
		font-size: 11px;
		line-height: 140%;
		color: #666666; }
	.module div.details a {
		font-family: Georgia;
		font-size: 13px;
		color: #0066cc;
		text-decoration: underline; }
#tutoring .details {
	width: 209px;
	border-left: 1px solid #e1e1d6; }
#podcasts .details {
	width: 243px;
	border-left: 1px solid #b791d2; }
	#podcasts .details h3 { color: #4c3c54; }
	#podcasts .details p { color: #4d3d55; }
	#podcasts .details a { color: #282034; }

#top-content {
	clear: both;
	float: left;
	width: 100%;
	padding: 13px 0 55px 0;
	background: transparent url("../images/bg_top-content.gif") 0 0 repeat-x; }
	#top-content h2.midline-heading {
		margin: 0 9px 12px 9px;
		background: transparent url("../images/bg_midline-heading_blue.gif") 0 50% repeat-x; }
		#top-content h2.midline-heading span {
			color: #253143;
			background: #ebecee; }
	#top-content .top-list {
		float: left;
		width: 225px;
		padding: 0 0 0 11px; }
		#top-content .top-list ul { padding: 8px; }
		#top-content .top-list li { padding: 0 0 15px 0; }
		#top-content .top-list p {
			font-size: 11px;
			color: #666666; }
		#top-content .top-list a {
			font-size: 12px;
			font-weight: bold;
			color: #333333; }

#footer {
	clear: both;
	padding: 0 0 10px 0; }
	#footer a { text-decoration: underline; }
	#footer .blue {
		float: left;
		width: 100%;
		padding: 17px 0;
		margin: 0 0 20px 0;
		color: #ffffff;
		background: #253143; }
		#footer .blue .copyright {
			float: left;
			width: 215px;
			padding: 10px 0;
			border-right: 1px solid #a8adb4; }
		#footer .blue p {
			float: left;
			width: 177px;
			padding: 5px 28px 0 10px;
			font-size: 10px;
			text-align: right; }
		#footer .blue h4 {
			padding: 0 0 0 112px; }
			#footer .blue h4 a {
				display: block;
				width: 75px;
				height: 22px;
				background: transparent url("../images/logo_finalsclub_footer.gif") 0 0 no-repeat;
				text-indent: -5000px; }
		#footer .blue .links {
			float: left;
			width: 711px;
			padding: 18px 10px 0 23px; }
		#footer .blue ul {
			padding: 0 0 10px 0;
			font-size: 10px;
			text-transform: uppercase; }
		#footer .blue li { display: inline; }
			#footer .blue ul a {
				color: #ffffff; }
		#footer .blue ul.dark,
		#footer .blue ul.dark a { color: #a8adb4; }
	#footer .centered {
		font-size: 10px;
		text-align: center; }
	#footer ul.centered { padding: 0 0 15px 0; }
		#footer ul.centered li {
			display: inline;
			padding: 0 5px 0 0;
			color: #999999; }
			#footer ul.centered li a {
				padding: 0 5px 0 0;
				color: #999999; }
	#footer p.centered { padding: 0 0 10px 0; }
	#footer p.centered,
	#footer p.centered a { color: #3d3d3d; }
	#footer a.veritas-logo {
		display: block;
		width: 223px;
		height: 48px;
		margin: 0 auto;
		background: transparent url("../images/logo_veritas_footer.gif") 0 0 no-repeat;
		text-indent: -5000px; }

/* Logged in homepage
-------------------*/
#main {
	float: left;
	width: 695px;
	padding: 30px 20px 40px 0; }

.main-heading {
	clear: both;
	float: left;
	width: 100%;
	padding: 5px 0 3px 0;
	border-bottom: 2px solid #5c6572;
	background: transparent url("../images/bg_main-heading.gif") 0 100% repeat-x; }
	.main-heading h1 {
		padding: 0 0 0 3px;
		font-family: Georgia;
		font-size: 22px;
		font-weight: normal;
		color: #31353d; }
	.main-heading h2 {
		padding: 0 0 3px 3px;
		font-family: Arial, Helvetica, sans-serif;
		color: #666666; }
	.main-heading a.edit-profile {
		float: right;
		padding: 0 0 0 15px;
		margin: 10px 10px 0 0;
		font-size: 10px;
		color: #333333;
		background: transparent url("../images/icon_envelope.gif") 0 50% no-repeat; }

ul.recent-activity {
	clear: both;
	float: left;
	width: 100%;
	padding: 20px 0 0 0; }
	ul.recent-activity li {
		float: left;
		width: 100%;
		padding: 0 0 20px 0;
		margin: 0 0 20px 0;
		border-bottom: 1px solid #f2f2f2; }
	ul.recent-activity .module { width: 669px; }
	ul.recent-activity p.date {
		float: left;
		width: 156px;
		padding: 0 17px 0 0;
		text-align: right;
		font-size: 10px;
		text-transform: uppercase;
		color: #666666; }
		ul.recent-activity li ul.details {
			float: left;
			width: 522px; }
			ul.recent-activity li ul.details li {
				float: none;
				width: auto;
				margin: 0;
				color: #666666;
				border: none; }
			ul.recent-activity li ul.details li.gray {
				padding: 9px;
				margin: 0 0 20px 0;
				background: #efefef; }
				ul.recent-activity li ul.details li p {
					padding: 0 0 5px 0;
					line-height: 140%; }
				ul.recent-activity li ul.details li p.read-more {
					padding: 0;
					line-height: 100%;
					font-family: Georgia;
					text-align: right; }
					ul.recent-activity li ul.details li p.read-more a { font-weight: normal; }
				ul.recent-activity li ul.details li blockquote {
					padding: 9px;
					margin: 0 0 10px 0;
					font-size: 11px;
					background: #ffffff; }
					ul.recent-activity li ul.details li blockquote p {
						padding: 0;
						line-height: 150%;
						color: #333333; }
				ul.recent-activity li ul.details li a { font-weight: bold; }
				ul.recent-activity li ul.details li a.location {
					color: #333333; }
				ul.recent-activity li ul.details li a.course-title { text-decoration: none; }
					ul.recent-activity li ul.details li a.course-title span {
						color: #333333;
						text-decoration: underline; }
					ul.recent-activity li ul.details li a.course-title span.subject {
						font-family: Georgia;
						font-weight: normal;
						color: #0066cc; }

#sidebar {
	float: left;
	width: 245px;
	padding: 34px 0 40px 0; }
	#sidebar .module { margin: 0 0 17px 0; }
	.module li a {
	color: #333333;
	text-decoration: none; }
	.module li a:hover { text-decoration: underline; }
	#sidebar .inner,
	#right-col .inner {
		float: left;
		width: 233px;
		padding: 6px;
		border-top: 1px solid #ffffff;
		background: #efefef; }
	#sidebar h3.gradient,
	#right-col h3.gradient {
		float: left;
		width: 231px; }
	#sidebar h3.with-message,
	#right-col h3.with-message { width: 207px; }
/* Messages sidebar module
------------------------*/
		#sidebar .messages ul { }
		#sidebar .messages li { margin: 0 0 3px 0; }
		#sidebar .messages span {
			display: block;
			color: #333333; }
		#sidebar .messages span.date {
			float: right;
			font-size: 10px;
			color: #999999; }
		#sidebar .messages span.username {
			font-size: 11px;
			font-weight: bold; }
		#sidebar .messages .inner a {
			display: block;
			padding: 5px;
			border: 1px solid #fafafa;
			background: #fafafa;
			text-decoration: none; }
		#sidebar .messages .inner a:hover {
			border: 1px solid #999999;
			background: #ffffff; }
			#sidebar .messages .inner a:hover span.message {
				color: #0066cc;
				text-decoration: underline; }

/* Files sidebar module
---------------------*/
	.files ul { padding: 5px; }
	.files li {
		padding: 0 0 7px 20px;
		margin: 0 0 10px 0;
		border-bottom: 2px solid #f7f7f7; }
	.files li.text { background: transparent url("../images/icon_file-text.gif") 0 0 no-repeat; }
	.files li.last {
		padding-bottom: 0;
		margin: 0;
		border: none; }
	.files p {
		padding: 0 5px 7px 5px;
		font-size: 11px;
		color: #666666; }
		.files p strong {
			font-size: 12px;
			color: #333333; }
		.files li p {
			padding: 0;
			font-size: 10px; }
		.files li p.details { padding: 0 0 5px 0; }
		.files p a {
			color: #999999;
			text-decoration: underline; }
		.files p a:hover { text-decoration: none; }
	#sidebar span.stars,
	#right-col span.stars {
		display: block;
		float: left;
		width: 49px;
		height: 9px;
		padding: 0 7px 0 0;
		margin: 2px 0 0 0;
		line-height: 9px;
		background: transparent url("../images/bg_file-stars.gif") 0 0 no-repeat;
		text-indent: -5000px; }
	#sidebar span.one,
	#right-col span.one { background-position: 0 20%; }
	#sidebar span.two,
	#right-col span.two { background-position: 0 40%; }
	#sidebar span.three,
	#right-col span.three { background-position: 0 60%; }
	#sidebar span.four,
	#right-col span.four { background-position: 0 80%; }
	#sidebar span.five,
	#right-col span.five { background-position: 0 100%; }
	.files form {
		clear: both;
		float: left;
		width: 229px;
		padding: 0 8px 8px 8px;
		background: #31353d; }
		.files form fieldset {
			padding: 5px;
			border: 1px solid #676767;
			font-size: 11px;
			color: #666666;
			background: #ffffff; }
		.files form h4 { font-size: 13px; }
		.files form .left-border {
			padding: 5px 0 0 5px;
			margin: 10px 0 10px 4px;
			border-left: 3px solid #d9dbde; }
		.files form label {
			display: block;
			padding: 0 0 5px 0;
			font-weight: bold; }
			.files form .left-border input {
				width: 180px;
				padding: 2px 0;
				margin: 0 0 12px 12px;
				font-size: 11px;
				color: #666666; }
			.files form .left-border select {
				width: 185px;
				margin: 0 0 12px 12px; }
		.files form a {
			font-weight: bold;
			color: #ff0000; }
			

/* Groups sidebar module
----------------------*/
	.groups ul { padding: 5px; }
	.groups li {
		padding: 0 0 7px 0;
		margin: 0 0 10px 0;
		border-bottom: 2px solid #f7f7f7; }
	.groups li.last {
		padding: 0;
		margin: 0;
		border: none; }
	.groups p.activity {
		padding: 0 0 5px 0;
		font-size: 10px;
		color: #666666; }

/* Courses page
-------------*/
form#select-semester fieldset {
	float: right;
	padding: 5px 0 0 0; }
	form#select-semester label {
		font-size: 11px;
		color: #666666; }
	form#select-semester select { font-size: 11px; }

ul.filter-links {
	clear: both;
	float: left;
	width: 100%; }
	ul.filter-links li {
		float: left;
		padding: 0 8px 0 0;
		font-size: 10px;
		text-transform: uppercase; }
		ul.filter-links li a {
			display: block;
			padding: 2px 0 2px 8px;
			color: #333333;
			text-decoration: none !important; }
	ul.filter-links li.current { background: #5c6572 url("../images/bg_filter-tabs_right.gif") 100% 100% no-repeat; }
		ul.filter-links li.current a {
			color: #ffffff;
			background: transparent url("../images/bg_filter-tabs_left.gif") 0 100% no-repeat; }

ul.courses-list {
	clear: both;
	float: left;
	width: 100%;
	padding: 25px 0 0 0; }
	ul.courses-list li {
		padding: 0 0 20px 0;
		margin: 0 0 20px 0;
		border-bottom: 1px solid #f2f2f2; }
	.search ul.courses-list li {
		float: left;
		clear: both;
		width: 100%;
		padding: 0 0 5px 0;
		margin: 0 0 10px 0; }
	ul.courses-list li.last {
		margin: 0;
		border: none; }
	ul.courses-list .details {
		clear: left;
		padding: 4px 0 4px 8px;
		margin: 12px 0 0 23px;
		border-left: 3px solid #d9dbde; }
	ul.courses-list h3 {
		font-size: 14px;
		color: #31353d; }
		ul.courses-list h3 a {
			font-family: Georgia;
			font-weight: normal;
			text-decoration: none; }
		ul.courses-list h3 a:hover { text-decoration: underline; }
			ul.courses-list h3 a strong {
				font-family: Arial;
				font-weight: bold;
				color: #31353d;
				text-decoration: none; }
	ul.courses-list p {
		padding: 0 0 10px 0;
		font-size: 11px;
		line-height: 140%; }
	ul.courses-list p.date {
		font-size: 10px;
		text-transform: uppercase;
		color: #999999; }
	.search ul.courses-list p.date {
		clear: both;
		float: left;
		padding-right: 15px; }
	.search ul.courses-list p.stars {
		float: left;
		clear: none; }
	ul.courses-list p.related-users {
		padding: 0 0 5px 0;
		font-family: Georgia;
		font-size: 12px; }
	ul.courses-list p.stars {
		clear: left;
		padding: 0 0 0 83px;
		line-height: 13px;
		background: transparent url("../images/bg_stars-blue.gif") 0 0 no-repeat; }
	ul.courses-list p.one { background-position: 0 20%; }
	ul.courses-list p.two { background-position: 0 40%; }
	ul.courses-list p.three { background-position: 0 60%; }
	ul.courses-list p.four { background-position: 0 80%; }
	ul.courses-list p.five { background-position: 0 100%; }
	ul.courses-list p.comments {
		padding: 0;
		line-height: 100%; }
		ul.courses-list p.stars a {
			padding: 0 0 0 15px;
			font-family: Georgia;
			text-decoration: none;
			background: transparent url("../images/icon_comments.gif") 0 4px no-repeat; }
		ul.courses-list p.stars span { display: none; }
	ul.courses-list p.view-all {
		padding: 4px 0 6px 0;
		text-align: center;
		font-family: Georgia;
		font-size: 12px;
		border-top: 1px solid #a6a6a6;
		border-bottom: 2px solid #5c6572;
		background: transparent url("../images/bg_view-all.gif") 0 100% repeat-x; }
	ul.courses-list img.floatleft {
		display: block;
		float: left;
		margin: 0 15px 10px 0; }
	ul.courses-list form.share-with {
		float: left;
		padding: 0 0 0 7px;
		margin: 0 0 10px 0;
		background: transparent url("../images/bg_share-with_outer-left.gif") 0 0 no-repeat; }
		ul.courses-list form.share-with fieldset {
			padding: 0 7px 0 0;
			line-height: 29px;
			background: transparent url("../images/bg_share-with_outer-right.gif") 100% 0 no-repeat; }
		ul.courses-list form.share-with p {
			float: left;
			padding: 0 5px 0 0;
			font-size: 10px;
			line-height: 29px;
			text-transform: uppercase;
			color: #ffffff; }
		ul.courses-list form.share-with ul {
			float: left;
			padding: 0 0 0 7px;
			background: transparent url("../images/bg_share-with_inner-left.gif") 0 0 no-repeat; }
		ul.courses-list form.share-with li {
			float: left;
			padding: 0 8px 0 0;
			margin: 0;
			border: none;
			background: transparent url("../images/bg_share-with_inner-repeat.gif") 0 0 repeat-x; }
		ul.courses-list form.share-with label {
			float: left;
			display: block;
			padding: 0 10px 0 0;
			font-weight: bold;
			background: transparent url("../images/bg_share-with_separator.gif") 100% 50% no-repeat; }
			ul.courses-list form.share-with label input { margin: 0 5px 0 0; }
			ul.courses-list form.share-with label input, x:-moz-any-link {
				position: relative;
				top: 2px; }
		ul.courses-list form.share-with li.last { padding: 0; }
			ul.courses-list form.share-with li.last label {
				padding: 0;
				background: transparent; }
		ul.courses-list a.btn_share {
			display: block;
			clear: both;
			width: 164px;
			height: 21px;
			padding: 0 0 0 7px;
			font-size: 11px;
			font-weight: bold;
			line-height: 21px;
			text-decoration: none;
			color: #31353d;
			background: transparent url("../images/btn_shared.gif") 0 0 no-repeat; }
		ul.courses-list a.btn_share:hover {
			color: #ffffff;
			text-decoration: underline;
			background-position: 100% 0; }

/* Top note takers module
-----------------------*/
	ul.courses-list li.top-note-takers {
		float: right;
		width: 225px;
		padding: 0 0 20px 24px;
		margin: 0; }
		ul.courses-list li.top-note-takers .module {
			width: 100%;
			margin: 0; }
		ul.courses-list li.top-note-takers h3 {
			padding: 0 5px;
			color: #ffffff; }
		ul.courses-list li.top-note-takers .inner {
			float: left;
			width: 213px;
			padding: 6px;
			border-top: 1px solid #ffffff;
			background: #efefef; }
			ul.courses-list li.top-note-takers ul {
				float: left;
				width: 100%; }
			ul.courses-list li.top-note-takers li {
				float: left;
				clear: both;
				width: 100%;
				padding: 0 0 7px 0;
				margin: 0 0 7px 0;
				border-bottom: 1px solid #ffffff; }
			ul.courses-list li.top-note-takers img.avatar {
				display: block;
				float: left;
				width: 50px;
				margin: 0 7px 0 0; }
			ul.courses-list li.top-note-takers .info {
				float: left;
				width: 156px; }
				ul.courses-list li.top-note-takers .info p {
					padding: 0 0 5px 0;
					font-size: 10px;
					color: #999999; }
				ul.courses-list li.top-note-takers .info p.notes {
					padding: 0;
					color: #666666; }
			ul.courses-list li.top-note-takers a.subject { color: #666666; }

/* Links list sidebar
   - Popular course subjects
   - Top instructors
--------------------------*/
#sidebar .link-list { }
	#sidebar .link-list .inner {
		width: 211px;
		padding: 12px 17px; }
	#sidebar .link-list li {
		padding: 0 0 10px 0;
		font-weight: bold; }
		#sidebar .link-list li a {
			color: #333333;
			text-decoration: none; }
		#sidebar .link-list li a:hover {
			color: #0066cc;
			text-decoration: underline; }

/* Study groups sidebar
---------------------*/
#sidebar .study-groups .inner {
	width: 245px;
	padding: 10px 0 0 0;
	border-bottom: 3px solid #e5e5e5;
	background: transparent; }
#sidebar .study-groups ul {
	float: left;
	width: 100%; }
#sidebar .study-groups li {
	float: left;
	clear: both;
	width: 235px;
	padding: 0 5px 7px 5px;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #e5e5e5; }
#sidebar .study-groups li.last { margin-bottom: 5px; }
#sidebar .study-groups p.activity {
	padding: 0 0 5px 0;
	font-size: 10px;
	color: #666666; }
#sidebar .study-groups h4 { font-size: 14px; }
#sidebar .study-groups p.actions {
	padding: 0 10px 10px 0;
	font-family: Georgia;
	text-align: right; }

/* Profile page
-------------*/
.profile #sidebar {
	width: 250px;
	padding: 13px 14px 40px 0; }
	.profile #sidebar .module { margin: 0 0 14px 0; }
	.profile #sidebar h3.gradient { width: 236px; }
	.profile #sidebar h3.with-message { width: 217px; }
	.profile #sidebar .inner { width: 238px; }
.profile img#avatar {
	display: block;
	margin: 0 0 14px 0; }
.profile #main { padding: 0; }
.profile #center-col {
	clear: both;
	float: left;
	width: 430px;
	padding: 22px 20px 0 0; }
	.profile #center-col h2 {
		padding: 0 0 5px 0;
		font-family: Georgia;
		font-size: 18px;
		font-weight: normal; }
.profile #right-col {
	float: left;
	width: 245px;
	padding: 22px 0 0 0; }
	.profile #right-col .module { width: 245px; }
.profile h2.midline-heading {
	clear: both;
	background: transparent url("../images/bg_midline-heading_blue.gif") 0 50% repeat-x; }
	.profile h2.midline-heading span {
		font-size: 18px;
		background: #ffffff; }
.profile .profile-heading {
	float: left;
	width: 100%;
	padding: 10px 0 0 0;
	border-bottom: 2px solid #5c6572;
	background: transparent url("../images/bg_profile-heading.gif") 0 100% repeat-x; }
	.profile .profile-heading p.links {
		float: left;
		padding: 20px 0 0 0;
		font-size: 10px;
		color: #999999; }
		.profile .profile-heading p.links a {
			float: none;
			margin: 0; }
	.profile .profile-heading p.join-date {
		float: right;
		padding: 0 10px 0 0;
		font-size: 11px;
		text-align: right; }
	.profile .profile-heading h1 {
		float: left;
		padding: 0 15px 5px 0;
		font: normal 32px Georgia, serif; }
	.profile .profile-heading a  {
		float: left;
		margin: 20px 0 0 0;
		font-size: 10px;
		color: #999999; }
	.profile ul.courses-list { padding: 0 0 40px 0; }
.profile-nav {
	clear: both;
	float: left;
	width: 100%;
	padding: 8px 0 0 0;
	border-bottom: 2px solid #253143; }
	.profile-nav ul.by-section { padding: 0 0 8px 5px; }
		.profile-nav ul.by-section li {
			float: left;
			height: 19px;
			margin: 0 3px 0 0;
			background: #dcdcdc url("../images/bg_profile-nav_right.gif") 100% 0 no-repeat; }
		.profile-nav ul.by-section a {
			display: block;
			float: left;
			padding: 2px 10px;
			height: 15px;
			color: #666666;
			text-decoration: none;
			background: transparent url("../images/bg_profile-nav_left.gif") 0 0 no-repeat; }
		.profile-nav ul.by-section li.active { background: #0066cc url("../images/bg_profile-nav_active_right.gif") 100% 0 no-repeat;  }
			.profile-nav ul.by-section li.active a {
				font-weight: bold;
				color: #ffffff;
				background: transparent url("../images/bg_profile-nav_active_left.gif") 0 0 no-repeat; }
		.profile-nav ul.by-section li.active.drop-down { background: #0066cc url("../images/btn_profile-nav_drop-down.gif") 100% 0 no-repeat;  }
			.profile-nav ul.by-section li.active.drop-down a { padding-right: 30px; }
	.profile-nav ul.display-options {
		float: right;
		padding: 2px 5px 8px 0; }
		.profile-nav ul.display-options li {
			float: left;
			margin: 0 0 0 4px; }
		.profile-nav ul.display-options a {
			display: block;
			width: 16px;
			height: 15px;
			text-indent: -8685px; }
		.profile-nav ul.display-options a.btn_detail { background: transparent url("../images/btn_detail-view.gif") 0 0 no-repeat; }
		.profile-nav ul.display-options a.btn_list { background: transparent url("../images/btn_list-view.gif") 0 0 no-repeat; }
		.profile-nav ul.display-options a.btn_category { background: transparent url("../images/btn_category-view.gif") 0 0 no-repeat; }
		.profile-nav ul.display-options a.btn_by-course {
			width: 70px;
			background: transparent url("../images/btn_by-course.gif") 0 0 no-repeat; }
			.profile-nav ul.display-options li.active a { background-position: 0 100%; }
	.profile-nav h4 {
		clear: both;
		padding: 4px 5px;
		font-size: 12px;
		color: #31353d;
		border-top: 2px solid #253143;
		background: transparent url("../images/bg_expanded-item_header.gif") 0 0 repeat-x; }
		.profile-nav h4 a.btn_collapse {
			float: left;
			width: 17px;
			height: 17px;
			margin: 0 5px 3px 0;
			text-indent: -8685px;
			background: transparent url("../images/btn_collapse-item.png") 0 0 no-repeat; }
.profile ul.courses-list { padding-top: 20px; }
.profile ul.courses-list.list-view,
.profile ul.courses-list.by-course { padding-top: 10px; }
	.profile ul.courses-list.list-view li,
	.profile ul.courses-list.by-course li {
		clear: both;
		float: left;
		width: 695px;
		padding: 0 0 10px 0;
		margin: 0 0 10px 0; }
		.profile ul.courses-list.list-view li h3,
		.profile ul.courses-list.by-course li h3 { font-size: 16px; }
		.profile ul.courses-list.by-course li h3 { padding: 0 0 2px 0; }
	.profile ul.courses-list.by-course a.btn_expand {
		float: left;
		width: 17px;
		height: 17px;
		text-indent: -8685px;
		background: transparent url("../images/btn_expand-item.png") 0 0 no-repeat; }
	.profile ul.courses-list.by-course .details {
		float: left;
		clear: none;
		width: 665px;
		padding: 0 0 0 10px;
		margin: 0;
		border: none; }
	.profile ul.courses-list.by-course p {
		padding: 0 0 3px 0;
		font-size: 11px;
		color: #666666; }
.profile ul.courses-list.expanded { }
	.profile ul.courses-list.expanded li {
		padding: 0 10px 10px 10px;
		margin: 0 0 10px 0; }
		.profile ul.courses-list.expanded li h3 {
			float: left;
			padding: 0 10px 5px 0;
			font-size: 16px; }
		.profile ul.courses-list.expanded li p { clear: both; }
		.profile ul.courses-list.expanded li p.date { padding: 0; }
		.profile ul.courses-list.expanded li p.edit {
			clear: none;
			float: left;
			margin: 4px 0 0 0;
			font-size: 10px; }
			.profile ul.courses-list.expanded li p.edit a { color: #666666; }

/* Profile Annotations
--------------------*/
.profile ul.annotations-list li .inner { margin-left: 15px; }
	.profile ul.annotations-list li .inner h4 span { font-size: 11px; }
		.profile ul.annotations-list li .inner h4 span a {
			font-family: Arial, Helvetica, sans-serif;
			text-decoration: none; }
		.profile ul.annotations-list li .inner h4 span a:hover { text-decoration: underline; }
	.profile ul.annotations-list li .inner blockquote cite { text-align: center; }
.profile ul.annotations-list.list-view { padding-top: 10px; }
	.profile ul.annotations-list.list-view li {
		padding-bottom: 10px;
		margin-bottom: 10px; }
		.profile ul.annotations-list.list-view li .inner {
			padding-left: 0;
			border: none; }
		.profile ul.annotations-list.list-view li .inner blockquote { padding: 0; }
			.profile ul.annotations-list.list-view li .inner blockquote p,
			.profile ul.annotations-list.list-view li .inner blockquote cite {
				padding: 0;
				text-align: left; }

/* Profile Courses
----------------*/
.profile h3.course-semester {
	clear: both;
	padding: 15px 0;
	font: normal 18px Georgia, serif; }
.profile ul.courses {
	clear: both;
	padding: 5px 0 15px 0; }
	.profile ul.courses li {
		padding: 0 10px 10px 10px;
		margin: 0 0 13px 0;
		border-bottom: 1px solid #e5e5e5; }
		.profile ul.courses li h4 {
			padding: 0 0 5px 0;
			font-size: 16px; }
			.profile ul.courses li h4 a {
				font: normal 16px Georgia, serif;
				text-decoration: none; }
			.profile ul.courses li h4 a:hover { text-decoration: underline; }
		.profile ul.courses li p {
			font-size: 11px;
			color: #666666; }
			.profile ul.courses li p a { color: #666666; }

/* Profile Discussions
--------------------*/
.profile .discussion-post a.comments {
	padding: 0 0 0 14px;
	text-decoration: none;
	background: transparent url("../images/icon_comments.gif") 0 4px no-repeat; }

/* Profile Library
----------------*/
ul.library-detail {
	clear: both;
	padding: 25px 0 20px 0; }
	ul.library-detail li {
		padding: 0 15px 10px 15px;
		margin: 0 0 15px 0;
		border-bottom: 1px solid #e5e5e5; }
	ul.library-detail h4 {
		display: inline;
		padding: 0 5px 0 0;
		font-size: 15px; }
		ul.library-detail h4 a {
			color: #31353d;
			text-decoration: none; }
		ul.library-detail h4 a:hover { text-decoration: underline; }
	ul.library-detail p {
		padding: 0 0 10px 0;
		font-size: 13px;
		line-height: 140%; }
	ul.library-detail p.meta {
		display: inline;
		padding: 0;
		font-size: 11px;
		color: #666666; }
	ul.library-detail p.tags {
		font-size: 11px;
		color: #ff6600; }
		ul.library-detail p.tags a {
			color: #ff6600;
			text-decoration: none; }
		ul.library-detail p.tags a:hover { text-decoration: underline; }
	ul.library-detail p.related {
		padding: 0;
		font-size: 11px;
		color: #31353d; }
ul.library-list {
	clear: both;
	padding: 10px 0 20px 0; }
	ul.library-list li {
		float: left;
		width: 205px;
		height: 284px;
		padding: 9px;
		margin: 0 10px 10px 0;
		text-align: center;
		border: 1px solid #cccccc;
		background: #f4f4f4; }
	ul.library-list li.last { margin-right: 0; }
	ul.library-list img {
		display: block;
		padding: 4px;
		margin: 0 auto;
		border: 1px solid #cccccc;
		background: #ffffff; }
	ul.library-list h4 {
		padding: 10px 0 6px 0;
		font-size: 15px; }
		ul.library-list h4 a {
			color: #333333;
			text-decoration: none; }
		ul.library-list h4 a:hover { text-decoration: underline; }
	ul.library-list p {
		padding: 0;
		font-size: 11px;
		line-height: 140%; }
	ul.library-list p.meta {
		padding: 0 0 10px 0;
		color: #666666; }
.library-categories {
	clear: both;
	float: left;
	width: 96%;
	padding: 15px 2%; }
	.library-categories ul {
		float: left;
		width: 33%; }
	.library-categories li {
		padding: 0 0 8px 0;
		font: italic normal 12px Georgia, serif;
		color: #666666; }
		.library-categories li a {
			font: bold 18px Arial, Helvetica, sans-serif;
			color: #333333; }
		.library-categories li a:hover {
			color: #0066cc;
			text-decoration: underline; }
form#library-upload {
	clear: both;
	padding: 6px 0 0 0;
	background: transparent url("../images/bg_library-upload.gif") 70% 0 no-repeat; }
	form#library-upload fieldset.steps {
		float: left;
		width: 98%;
		padding: 8px 1%;
		background: #0066cc; }
	form#library-upload h3 {
		padding: 4px;
		margin: 0 0 10px 0;
		font-size: 13px;
		border: 2px solid #e6f0fa;
		background: #ffffff; }
		form#library-upload h3 small {
			font-size: 11px;
			font-weight: normal;
			color: #666666; }
	form#library-upload ol {
		clear: both;
		float: left;
		width: 100%; }
	form#library-upload li {
		float: left;
		border-right: 1px solid #ffffff; }
	form#library-upload li.step-1 { width: 228px; }
	form#library-upload li.step-2 {
		width: 204px;
		padding: 0 0 0 10px; }
	form#library-upload li.step-3 {
		width: 200px;
		padding: 0 0 0 20px;
		border: none; }
	form#library-upload label {
		display: block;
		padding: 0 0 5px 0;
		font-weight: bold;
		color: #ffffff; }
	form#library-upload .file-input {
		width: 177px;
		padding: 5px;
		margin: 0 0 0 14px;
		background: #e6f0fa; }
		form#library-upload .file-input input {
			width: 170px;
			font-size: 11px; }
		form#library-upload .step-3 input {
			width: 167px;
			padding: 3px 5px 0 5px;
			margin: 0 0 0 14px;
			font: normal 12px Arial, Helvetica, sans-serif;
			border: 1px solid #cccccc; }
	form#library-upload select { margin: 0 0 0 14px; }
	form#library-upload fieldset.actions  {
		clear: both;
		float: left;
		width: 98%;
		padding: 10px 1%;
		text-align: right;
		font-size: 12px; }
		form#library-upload fieldset.actions input { margin: 0 5px 0 0; }
		form#library-upload fieldset.actions a {
			font-weight: bold;
			color: #cc0000; }

/* Profile Blog
-------------*/
#blog {
	clear: both;
	padding: 20px 0; }
	#blog .article {
		clear: both;
		padding: 0 0 40px 0; }
	#blog p {
		padding: 0 0 10px 0;
		font-size: 13px;
		line-height: 180%; }
	#blog p.date {
		padding: 0;
		font: normal 11px Georgia, serif;
		color: #666666;
		line-height: 130%; }
	#blog h3 {
		padding: 0 0 5px 0;
		font: normal 22px Georgia, serif; }
		#blog h3 a {
			color: #333333;
			text-decoration: none; }
		#blog h3 a:hover { text-decoration: underline; }
	#blog p.meta {
		padding: 8px 5px 0 5px;
		text-align: right;
		font: normal 12px Georgia, serif;
		color: #666666;
		border-top: 1px solid #e5e5e5; }
		#blog p.meta a {
			color: #666666;
			text-decoration: none; }
		#blog p.meta a:hover { text-decoration: underline; }

/* Profile Edit
-------------*/
form#edit-profile {
	clear: both;
	padding: 15px 0; }
	form#edit-profile fieldset {
		clear: both;
		padding: 13px 0;
		border-top: 1px solid #e5e5e5; }
	form#edit-profile h3 { font-size: 18px; }
	form#edit-profile h4 {
		padding: 25px 0 10px 0;
		font-size: 16px;
		font-weight: normal; }
	form#edit-profile label {
		float: left;
		width: 125px;
		padding: 7px 10px 0 0;
		font-size: 13px;
		font-weight: bold;
		text-align: right; }
	form#edit-profile label.input-list {
		width: 165px;
		padding-top: 5px; }
	form#edit-profile textarea {
		float: left;
		width: 490px;
		height: 80px;
		padding: 5px;
		font: normal 12px Arial, Helvetica, sans-serif;
		color: #333333;
		border: 1px solid #cccccc; }
	form#edit-profile input.input-text {
		float: left;
		width: 490px;
		height: 26px;
		padding: 5px 5px 0 5px;
		font: normal 13px Arial, Helvetica, sans-serif;
		border: 1px solid #cccccc; }
	form#edit-profile ul {
		float: left;
		width: 480px;
		padding: 7px 0; }
	form#edit-profile li {
		float: left;
		padding: 0 15px 0 0; }
		form#edit-profile li label {
			float: none;
			width: auto;
			padding: 0;
			font-size: 12px;
			font-weight: normal;
			text-align: left; }
		form#edit-profile li input { }
	form#edit-profile input.btn_submit {
		float: right;
		margin: 10px 25px 0 0; }

/* General Profile
----------------*/
.profile div#avatar {
	position: relative;
	padding: 0 0 5px 0; }
	.profile div#avatar p {
		position: absolute;
		left: -2px;
		bottom: 22px;
		z-index: 2;
		width: 95px;
		height: 32px;
		text-indent: -8685px; }
	.profile div#avatar p.harvard { background: transparent url("../images/bg_user-affiliation_harvard.gif") 0 0 no-repeat; }
	.profile div#avatar p.professor { background: transparent url("../images/bg_user-affiliation_professor.gif") 0 0 no-repeat; }
	.profile div#avatar p.brown { background: transparent url("../images/bg_user-affiliation_brown.gif") 0 0 no-repeat; }
	.profile div#avatar p.admin { background: transparent url("../images/bg_user-affiliation_admin.gif") 0 0 no-repeat; }
.profile a.btn_facebook,
.profile a.btn_schedule-tutoring {
	display: block;
	width: 250px;
	height: 35px;
	margin: 0 0 7px 0;
	text-indent: -8685px;
	outline: none;
	background: transparent url("../images/btn_facebook.jpg") 0 0 no-repeat; }
.profile a.btn_schedule-tutoring {
	margin: 0 0 13px 0;
	background: transparent url("../images/btn_schedule-tutoring.jpg") 0 0 no-repeat; }

/* Info module
------------*/
#sidebar .info { }
	#sidebar .info p {
		padding: 0 0 20px 0;
		line-height: 130%; }
	#sidebar .info ul,
	#sidebar .info li {
		clear: both;
		float: left;
		width: 100%; }
	#sidebar .info li {
		padding: 5px 0;
		border-top: 1px solid #d8d8d8; }
		#sidebar .info li p {
			float: left;
			width: 150px;
			padding: 0; }
		#sidebar .info li p.label {
			width: 78px;
			padding: 0 10px 0 0;
			text-align: right;
			font-weight: bold; }

.profile .filter-links {
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
	background: transparent url("../images/bg_midline-heading_blue.gif") 0 50% repeat-x; }
	.profile .filter-links ul {
		float: left;
		background: #ffffff; }
	.profile .filter-links li {
		float: left;
		padding: 0 8px 0 0;
		margin: 0 5px 0 0;
		font-size: 10px;
		text-transform: uppercase; }
		.profile .filter-links li a {
			display: block;
			padding: 1px 0 1px 8px;
			color: #333333;
			text-decoration: none !important; }
	.profile .filter-links li.current { background: #0066cc url("../images/bg_profile-filter_right.gif") 100% 0 no-repeat; }
		.profile .filter-links li.current a {
			color: #ffffff;
			background: transparent url("../images/bg_profile-filter_left.gif") 0 0 no-repeat; }

.profile ul.courses-list h3 { padding-left: 10px; }
.profile ul.courses-list .details { margin-left: 13px; }
	.profile ul.courses-list .details img {
		display: block;
		float: left;
		margin: 0 5px 2px 0; }

/* Groups Home
------------*/
#sidebar .members ul,
#right-col .members ul {
	float: left;
	width: 100%; }
#sidebar .members li,
#right-col .members li {
	float: left;
	clear: both;
	width: 220px;
	padding: 0 5px 7px 5px;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #ffffff; }
#sidebar .members li.last,
#right-col .members li.last {
	margin: 0;
	border: none; }
#sidebar .members li a,
#right-col .members li a {
	color: #333333;
	text-decoration: none; }
#sidebar .members li a:hover,
#right-col .members li a:hover { text-decoration: underline; }
#sidebar .members img.avatar,
#right-col .members img.avatar {
	display: block;
	float: left;
	width: 30px;
	margin: 0 7px 0 0; }
#sidebar .members .info,
#right-col .members .info {
	float: left;
	width: 156px; }
	#sidebar .members .info p,
	#right-col .members .info p {
		padding: 0 0 5px 0;
		font-size: 10px;
		color: #999999; }
#sidebar .members strong,
#right-col .members strong {
	padding: 0 0 0 5px;
	font-size: 8px;
	font-weight: normal;
	text-transform: uppercase;
	color: #ff0000; }
.module p.actions {
	padding: 0 10px 5px 0;
	font-family: Georgia;
	text-align: right; }
#sidebar .members p.actions,
#right-col .members p.actions {
	font-size: 11px;
	border: none; }

#location-bar {
	clear: both;
	float: left;
	width: 954px;
	padding: 5px 3px;
	color: #ffffff;
	background: #253143; }
	#location-bar form {
		float: left;
		padding: 0 10px 0 0; }
	#location-bar select {
		font-family: Arial;
		font-size: 14px;
		font-weight: bold;
		color: #253143; }
	#location-bar ul.breadcrumbs { padding: 4px 0 0 0; }
		#location-bar ul.breadcrumbs li { display: inline; }
		#location-bar ul.breadcrumbs a { color: #ffffff; }
		#location-bar ul.breadcrumbs li.first a { font-weight: bold; }
	#location-bar form.search {
		float: right;
		width: 275px;
		padding: 0 1px 0 0; }
		#location-bar form.search input.input-text {
			float: left;
			padding: 5px 5px 1px 5px;
			margin: 0 3px 0 0;
			width: 234px;
			height: 16px;
			border: 1px solid #ffffff;
			font: 11px Arial, Helvetica, sans-serif;
			color: #9298a1; }
		#location-bar form.search input.btn_submit {
			float: left; }

ul#subnav {
	clear: both;
	float: left;
	width: 100%;
	margin: 0 0 8px 0;
	border-bottom: 1px solid #5c6572; }
	ul#subnav li {
		float: left;
		position: relative;
		padding: 7px 10px;
		font-family: Georgia;
		color: #a2a4a8; }
	ul#subnav a { color: #31353d; }
	ul#subnav li.current { background: transparent url("../images/bg_subnav-current.gif") 50% 100% no-repeat; }
	ul#subnav li.current a {
		text-decoration: none;
		color: #000000; }
	ul#subnav span {
		display: block;
		position: absolute;
		right: 0;
		bottom: -8px;
		z-index: 5;
		width: 22px;
		height: 19px;
		padding: 3px 0 0 0;
		font-family: Arial;
		font-weight: bold;
		line-height: 16px;
		color: #ffffff;
		text-align: center;
		background: transparent url("../images/bg_small-number.gif") 0 0 no-repeat; }
	html > body ul#subnav span { background: transparent url("../images/bg_small-number.png") 0 0 no-repeat; }

.tasks-heading {
	clear: both;
	float: left;
	width: 100%;
	padding: 12px 0 8px 0;
	border-bottom: 1px solid #d9d9d9;
	background: transparent url("../images/bg_group-tasks.gif") 0 100% repeat-x; }
	.tasks-heading a {
		float: right;
		margin: 0 15px 0 0;
		font-family: Georgia; }
	.tasks-heading h2 {
		float: left;
		padding: 0 10px 3px 23px;
		font-family: Georgia;
		font-weight: normal;
		background: transparent url("../images/icon_clipboard.gif") 3px 0 no-repeat; }
	.tasks-heading p {
		font-size: 10px;
		color: #666666; }
	.tasks-heading b {
		color: #cc0000;
		font-weight: bold; }

form#group-tasks {
	clear: both;
	padding: 0 0 54px 0; }
	form#group-tasks.tasks fieldset {
		padding: 0 0 5px 0;
		margin: 0 0 25px 0;
		border-bottom: 2px solid #d9d9d9; }
	form#group-tasks .late {
		padding: 12px 10px 16px 10px;
		background: #fff7e1;
		border-bottom: 1px solid #ff8c40; }
		form#group-tasks .late h3 {
			padding: 0 0 10px 0;
			font-size: 10px;
			text-transform: uppercase;
			color: #cc0000; }
		form#group-tasks .late label {
			padding: 0 0 0 7px;
			font-size: 11px; }
			form#group-tasks .late label input {
				margin-right: 5px; }
		form#group-tasks .late span.category {
			font-size: 12px;
			font-weight: bold;
			color: #666666; }
		form#group-tasks .late span.subcategory {
			font-size: 12px;
			font-weight: bold;
			color: #000000; }
		form#group-tasks .late span.overdue {
			font-size: 10px;
			font-weight: bold;
			text-transform: uppercase;
			color: #cc0000; }
		form#group-tasks .late a { color: #333333; }
	form#group-tasks p.more-link {
		clear: both;
		padding: 0 10px;
		text-align: right;
		font-size: 10px; }
		form#group-tasks p.more-link a { color: #999999; }

.completed-tasks {
	float: left;
	width: 470px;
	padding: 20px 15px 0 0; }
	.completed-tasks h3 {
		padding: 7px 0 5px 0;
		font-size: 10px;
		color: #666666;
		text-transform: uppercase;
		border-bottom: 1px solid #f2f2f2; }
		.completed-tasks h3 a {
			float: right;
			color: #999999;
			text-transform: none; }
	.completed-tasks ul.tasks-list {
		padding: 18px 18px 5px 18px;
		font-size: 11px; }
		.completed-tasks ul.tasks-list li { padding: 0 0 12px 0; }
		.completed-tasks ul.tasks-list span {
			font-size: 13px;
			font-weight: bold; }
		.completed-tasks ul.tasks-list span.subcategory { color: #666666; }
		.completed-tasks ul.tasks-list a.username { color: #333333; }

.your-tasks {
	float: left;
	width: 210px;
	margin: 20px 0 0 0;
	background: #fff2cc; }
	.your-tasks h4 {
		padding: 5px 10px;
		font-size: 11px;
		text-transform: uppercase;
		color: #ff6600;
		border-bottom: 1px solid #ffffff; }
	.your-tasks ul { }
	.your-tasks li {
		padding: 10px 0 0 0;
		border-bottom: 1px solid #ffffff; }
	.your-tasks label {
		display: block;
		padding: 0 10px 10px 10px;
		font-size: 13px;
		font-weight: bold; }
		.your-tasks label input {
			float: left;
			margin: 3px 5px 10px 0; }
		.your-tasks label span.due-date {
			display: block;
			padding: 3px 0 0 0;
			font-size: 11px;
			color: #ff6600; }

	#main p.actions {
		padding: 10px 15px;
		font-family: Georgia;
		text-align: right;
		border-top: 1px solid #d9d9d9;
		border-bottom: 1px solid #8c8c8c; }

.filter-links.with-icon {
	float: left;
	width: 100%;
	padding: 0 0 2px 0;
	line-height: 16px;
	border-bottom: 1px solid #d9d9d9;
	background: transparent url("../images/bg_group-tasks.gif") 0 100% repeat-x; }
	.filter-links.with-icon form#select-semester { margin: 5px 10px 0 0; }
	.filter-links.with-icon ul.book {
		float: left;
		padding: 0 0 0 30px;
		background: transparent url("../images/icon_book.gif") 5px 0 no-repeat; }
	.filter-links.with-icon ul.messages {
		padding: 0 0 5px 25px;
		margin: 15px 0 0 0;
		background: transparent url("../images/icon_messages.gif") 5px 2px no-repeat; }
	.filter-links.with-icon ul.courses {
		float: left;
		padding: 0 0 0 30px;
		background: transparent url("../images/icon_courses.gif") 5px 0 no-repeat; }
	.filter-links.with-icon ul.annotations {
		float: left;
		padding: 0 0 0 30px;
		background: transparent url("../images/icon_annotations.gif") 5px 0 no-repeat; }
	.filter-links.with-icon ul.groups {
		float: left;
		padding: 0 0 0 30px;
		background: transparent url("../images/icon_groups.gif") 5px 0 no-repeat; }
	.filter-links.with-icon ul.inline {
		float: none;
		padding-bottom: 5px;
		margin: 15px 0 0 0; }
		.filter-links.with-icon ul li {
			float: left;
			padding: 0 8px 0 0;
			margin: 0 5px 0 0;
			font-family: Georgia;
			font-size: 10px;
			line-height: 13px;
			text-transform: uppercase; }
		.filter-links.with-icon ul.inline li {
			display: inline;
			float: none;
			margin: 0;
			font-size: 12px;
			text-transform: none; }
			.filter-links.with-icon ul li a {
				display: block;
				padding: 1px 0 1px 8px;
				color: #333333;
				text-decoration: none; }
			.filter-links.with-icon ul.inline li a {
				display: inline;
				padding: 0;
				font-size: 11px;
				color: #0066cc;
				text-decoration: underline; }
			.filter-links.with-icon ul.inline li a.whats-this {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 10px;
				color: #cccccc; }
		.filter-links.with-icon ul li.current { background: #0066cc url("../images/bg_profile-filter_right.gif") 100% 0 no-repeat; }
			.filter-links.with-icon ul li.current a {
				color: #ffffff;
				background: transparent url("../images/bg_profile-filter_left.gif") 0 0 no-repeat; }
	.filter-links.with-icon p {
		float: right;
		padding: 15px 10px 0 0;
		font-family: Georgia;
		font-size: 11px; }

ul.annotations-list {
	clear: both;
	float: left;
	width: 100%;
	padding: 25px 0 0 0; }
	ul.annotations-list li {
		padding: 0 0 20px 0;
		margin: 0 0 20px 0;
		border-bottom: 1px solid #f2f2f2; }
	ul.annotations-list li.last {
		margin: 0;
		border: none; }
	ul.annotations-list .inner {
		padding: 6px 50px 10px 8px;
		margin: 0 0 0 23px;
		border-left: 3px solid #d9dbde; }
	ul.annotations-list h4 {
		padding: 0 0 10px 0;
		font-size: 15px; }
		ul.annotations-list h4 a {
			color: #333333;
			text-decoration: none; }
		ul.annotations-list h4 a:hover { text-decoration: underline; }
		ul.annotations-list h4 span {
			font-size: 11px;
			font-weight: normal;
			color: #999999; }
			ul.annotations-list h4 span a {
				font-family: Georgia;
				color: #0066cc;
				text-decoration: underline; }
			ul.annotations-list h4 span a:hover { text-decoration: none; }
	ul.annotations-list p {
		padding: 0 0 10px 0;
		font-size: 11px; }
	ul.annotations-list blockquote {
		padding: 0 0 10px 0;
		font-family: Georgia; }
		ul.annotations-list blockquote p {
			font-size: 12px;
			font-style: italic;
			text-align: center;
			color: #666666; }
		ul.annotations-list blockquote cite {
			display: block;
			font-size: 11px;
			font-style: normal;
			text-align: right;
			text-decoration: underline; }
		.search ul.annotations-list blockquote p,
		.search ul.annotations-list blockquote cite { text-align: left; }
			ul.annotations-list blockquote cite a { color: #333333; }
	ul.annotations-list p.stars {
		padding: 0 0 0 83px;
		line-height: 13px;
		background: transparent url("../images/bg_stars-blue.gif") 0 0 no-repeat; }
	ul.annotations-list p.one { background-position: 0 20%; }
	ul.annotations-list p.two { background-position: 0 40%; }
	ul.annotations-list p.three { background-position: 0 60%; }
	ul.annotations-list p.four { background-position: 0 80%; }
	ul.annotations-list p.five { background-position: 0 100%; }
		ul.annotations-list p.stars a {
			padding: 0 0 0 15px;
			font-family: Georgia;
			text-decoration: none;
			background: transparent url("../images/icon_comments.gif") 0 4px no-repeat; }
		ul.annotations-list p.stars span { display: none; }


table.milestones {
	clear: both;
	width: 98%;
	margin: 0 1% 30px 1%;
	border-collapse: collapse;
	background: transparent url("../images/bg_milestone-table.gif") 0 100% repeat-x; }
	table.milestones th {
		padding: 20px 0 6px 3px;
		font-size: 10px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: left;
		color: #666666;
		background: #ffffff; }
	table.milestones td {
		font-size: 11px;
		vertical-align: top;
		border: 1px solid #cccccc; }
	table.milestones td.today { background: #408cd9; }
	table.milestones td.tasks { background: #ffffff; }
	table.milestones p.date {
		padding: 2px 0 0 5px;
		font-weight: bold;
		text-transform: uppercase;
		color: #999999; }
		table.milestones td.today p.date { color: #ffffff; }
		table.milestones td.tasks p.date {
			padding: 2px 5px;
			color: #ffffff;
			background: #676767 url("../images/bg_milestone-date.gif") 0 0 repeat-x; }
	table.milestones p.milestone {
		margin: 3px;
		background: #408cd9 url("../images/bg_milestone-right.gif") 100% 0 no-repeat; }
		table.milestones p.milestone a {
			display: block;
			padding: 1px 10px;
			font-weight: bold;
			line-height: 14px;
			text-decoration: none;
			color: #ffffff;
			background: transparent url("../images/bg_milestone-left.gif") 0 0 no-repeat; }

.list-heading {
	clear: both;
	padding: 0 0 3px 10px;
	font-size: 10px;
	color: #999999; }
	.list-heading h3 {
		display: inline;
		padding: 0 5px 0 0;
		font-size: 16px;
		color: #333333; }
	.list-heading a {
		padding: 0 5px;
		font-weight: normal;
		color: #cc0000; }

ul.check-list { padding: 0 0 10px 10px; }
	ul.check-list li {
		position: relative;
		padding: 6px 0 6px 8px;
		font-size: 11px; }
	ul.check-list li.editing {
		padding: 6px 0 6px 8px;
		margin: 0 0 6px 0;
		border-top: 1px solid #666666; }
	ul.check-list input { }
	ul.check-list span {
		padding: 0 5px;
		font-weight: bold; }
	ul.check-list span.category { font-size: 13px; }
	ul.check-list span.due { }
	ul.check-list span.unassigned {
		padding: 0 5px 0 0;
		color: #ff6600; }
	ul.check-list a { color: #333333; }
		ul.check-list span.unassigned a {
			font-weight: normal;
			color: #0066cc; }
	ul.check-list .checklist-actions {
		position: absolute;
		float: left;
		width: 100%;
		left: 0;
		top: 100%;
		z-index: 5;
		background: transparent url("../images/bg_checklist-actions_repeat.png") 0 0 repeat-x; }
		ul.check-list .checklist-actions .tab-left,
		ul.check-list .checklist-actions .tab-right {
			float: left;
			width: 12px;
			height: 26px;
			background: transparent url("../images/bg_checklist-actions_left.png") 100% 0 no-repeat; }
		ul.check-list .checklist-actions .tab-right { background: transparent url("../images/bg_checklist-actions_right.png") 0 0 no-repeat; }
		ul.check-list .checklist-actions ul {
			float: left;
			padding: 0 5px 10px 5px;
			background: transparent url("../images/bg_checklist-actions_tab.png") 0 0 repeat-x; }
		ul.check-list .checklist-actions li {
			display: inline;
			padding: 0;
			color: #e2e2e2; }
		ul.check-list .checklist-actions a { color: #cc0000; }

ul.completed {
	padding: 10px 0px 5px 10px;
	border-top: 1px solid #f2f2f2;
	background: transparent url("../images/bg_completed-list.gif") 0 0 repeat-x; }
	ul.completed li,
	ul.completed li span {
		font-weight: normal;
		font-style: italic;
		color: #999999; }
	ul.completed li span.category { font-style: normal; }
	ul.completed a { color: #999999; }
	ul.completed a.view-notes {
		padding: 0 0 0 3px;
		font-style: normal;
		color: #0066cc; }

ul.reorder {
	padding: 0 0 10px 0;
	margin: 0 5px 0 10px;
	border-top: 1px solid #d3d3d3; }
	ul.reorder li {
		padding: 6px 0 6px 8px;
		border-bottom: 1px solid #d3d3d3;
		background: #fafafa; }
	ul.reorder div.handle {
		display: inline;
		padding: 0 0 0 16px;
		margin: 0 5px 0 0;
		cursor: move;
		background: transparent url("../images/icon_bars.gif") 0 2px no-repeat; }

.gray-box {
	clear: both;
	width: 504px;
	padding: 8px 13px 13px 13px;
	margin: 0 0 23px 5px;
	background: #e5e5e5; }
	.gray-box .hrule {
		clear: both;
		padding: 0 0 7px 0;
		margin: 0 0 7px 0;
		border-bottom: 1px solid #d2d2d2; }
		.gray-box .hrule hr { display: none; }
	.gray-box .white { border-color: #ffffff; }
	.gray-box label {
		padding: 0 10px 0 0;
		font-size: 11px;
		font-weight: bold;
		color: #666666; }
	.gray-box label.floated {
		display: block;
		float: left;
		width: 165px;
		padding: 2px 10px 0 0; }
	.gray-box input.input-text {
		display: block;
		width: 425px;
		padding: 3px 5px;
		margin: 4px 0 3px 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: bold;
		color: #333333; }
	.gray-box input.date-input {
		width: 123px;
		padding: 2px 0;
		margin: 0 2px 0 0;
		font-size: 11px;
		font-style: italic;
		color: #666666; }
	.gray-box ul {
		clear: both;
		padding: 5px 0 0 0; }
	.gray-box li {
		display: inline;
		padding: 0 10px 0 0;
		font-size: 11px; }
		.gray-box li a {
			font-size: 10px;
			color: #cc0000; }
	.gray-box a.btn_calendar {
		padding: 4px 0 4px 22px;
		background: transparent url("../images/btn_calendar.gif") 0 0 no-repeat; }
	.gray-box .assignments {
		float: left;
		width: 320px;
		font-size: 11px; }
		.gray-box .assignments select { margin: 0 10px 0 0; }
		.gray-box .assignments a {
			font-size: 10px;
			color: #cc0000; }
		.gray-box .assignments p { padding: 0 0 5px 0; }
			.gray-box .assignments p.add-person a { color: #0066cc; }

.pager {
	clear: both;
	float: left;
	width: 100%;
	padding: 10px 0;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #666666; }
	.pager p { font-family: Georgia; }
	.pager p.next {
		float: right;
		padding: 0 10px 0 0; }
	.pager p.prev {
		float: left;
		padding: 0 0 0 10px; }
	.pager ul {
		text-align: center; }
	.pager li {
		display: inline;
		padding: 0 2px; }
		.pager li a {
			padding: 0 3px;
			font-size: 14px; }
		.pager li.current a {
			font-weight: bold;
			text-decoration: none;
			border: 1px solid #0066cc; }

/* Messages
---------*/
table#inbox {
	clear: both;
	width: 100%;
	vertical-align: top;
	border-top: 1px solid #8c8c8c; }
	table#inbox th {
		text-align: left;
		padding: 3px 5px;
		font-size: 11px;
		color: #666666;
		border: 1px solid #8c8c8c;
		border-width: 0 1px 1px 0;
		background: transparent url("../images/bg_inbox-gradient.gif") 0 0 repeat-x; }
	table#inbox th.subject { border-right: none; }
	table#inbox td {
		padding: 5px;
		font-family: Georgia;
		border-right: 1px solid #f6f6f6;
		border-bottom: 1px solid #d9d9d9; }
		table#inbox tr:hover td { background: #f0f0f0; }
		table#inbox td a { text-decoration: none; }
		table#inbox td a:hover { text-decoration: underline; }
	table#inbox .centered { text-align: center; }
	table#inbox td.subject {
		width: 480px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		border-right: none; }
		table#inbox td.subject a { color: #333333; }
	table#inbox p {
		width: 14px;
		height: 14px;
		margin: 0 auto;
		text-indent: -5000px; }
	table#inbox p.friends {
		background: transparent url("../images/icon_friends.gif") 50% 50% no-repeat; }
	table#inbox th p.friends {
		background: transparent url("../images/icon_friends-gray.gif") 50% 50% no-repeat; }
	table#inbox p.replies {
		background: transparent url("../images/icon_comments.gif") 50% 50% no-repeat; }

ul.inbox-pager {
	clear: both;
	float: left;
	width: 100%;
	padding: 10px 0;
	border-bottom: 1px solid #cccccc; }
	ul.inbox-pager li {
		float: right;
		padding: 1px 10px 3px 0;
		font-family: Georgia;
		font-size: 11px; }
	ul.inbox-pager li.bordered {
		margin: 0 10px 0 0;
		border-right: 1px solid #cccccc; }
	ul.inbox-pager li.left {
		float: left;
		padding-left: 10px; }

.inbox-message {
	clear: both; }
	.inbox-message .headers {
		float: left;
		width: 670px;
		padding: 7px 15px 5px 10px;
		border-top: 1px solid #ffffff;
		border-bottom: 1px solid #e5e5e5;
		background: #f5f5f5 url("../images/bg_white-border.gif") 0 100% repeat-x; }
		.inbox-message .headers p.date {
			float: right;
			font-size: 10px;
			color: #999999; }
		.inbox-message .headers dl {
			float: left;
			width: 500px;
			margin: 0; }
		.inbox-message .headers dt {
			float: left;
			width: 50px;
			padding: 0 5px 10px 0;
			font-family: Georgia;
			text-align: right;
			color: #666666; }
		.inbox-message .headers dd {
			float: left;
			width: 445px;
			padding: 0 0 10px 0;
			margin: 0;
			font-family: Arial, Helvetica, sans-serif;
			font-weight: bold; }
		.inbox-message .headers a {
			font-family: Georgia;
			font-weight: normal; }
	.inbox-message .collaborative {
		clear: both;
		float: left;
		width: 100%;
		padding: 9px 0;
		border-top: 1px solid #ffffff;
		border-bottom: 1px solid #ff8c40;
		background: #fff7e1 url("../images/bg_white-border.gif") 0 100% repeat-x; }
		.inbox-message .collaborative p {
			float: left;
			padding: 0 10px 0 65px;
			font-weight: bold; }
		.inbox-message .collaborative ul { float: left; }
		.inbox-message .collaborative li {
			display: inline;
			font-family: Georgia;
			font-size: 11px;
			color: #999999; }
			.inbox-message .collaborative li a { color: #cc0000; }
			.inbox-message .collaborative li a.gray { color: #999999; }
	.inbox-message .message-body {
		clear: both;
		padding: 10px 15px 5px 65px;
		border-bottom: 1px solid #cccccc; }
		.inbox-message .message-body p {
			padding: 0 0 10px 0;
			font-size: 11px;
			line-height: 160%; }
	.inbox-message p.last-edited {
		padding: 10px 15px 10px 65px;
		margin: 0 0 28px 0;
		font-size: 11px;
		color: #999999;
		border-bottom: 1px solid #cccccc; }
		.inbox-message p.last-edited a { color: #999999; }
	h3.responses {
		clear: both;
		padding: 13px 0 13px 40px;
		font-family: Georgia;
		font-size: 18px;
		font-weight: normal;
		border-top: 2px solid #cccccc;
		border-bottom: 1px solid #ffffff;
		background: #f5f5f5 url("../images/icon_responses.gif") 12px 50% no-repeat; }
		h3.responses a {
			margin: 0 0 0 5px;
			font-size: 11px; }
	ul.comment-list {
		border-top: 1px solid #cccccc; }
		ul.comment-list li {
			padding: 0 0 5px 50px;
			border-bottom: 1px solid #cccccc; }
		ul.comment-list p {
			clear: both;
			padding: 5px 25px 5px 10px;
			font-size: 11px;
			line-height: 160%; }
		ul.comment-list .meta {
			float: left;
			width: 645px;
			font-family: Georgia;
			border-bottom: 1px solid #e5e5e5; }
			ul.comment-list .meta p { clear: none; }
form#leave-reply {
	padding: 10px;
	margin: 1px 0 0 0;
	background: #e9e9e9; }
	form#leave-reply fieldset {
		padding: 10px 17px;
		background: #f5f5f5; }
	form#leave-reply .left-border {
		padding: 5px 0 5px 10px;
		margin: 0 0 18px 0;
		border-left: 3px solid #e9e9e9; }
	form#leave-reply label {
		display: block;
		padding: 0 0 7px 0;
		font-weight: bold; }
	form#leave-reply input.input-text {
		padding: 6px 0 6px 5px;
		margin: 0 0 20px 0;
		width: 617px;
		height: 20px;
		font-family: Georgia;
		font-size: 16px;
		font-style: italic;
		color: #666666; }
	form#leave-reply textarea {
		width: 622px;
		height: 105px; }
	form#leave-reply input.btn_submit {
		float: left;
		margin: 0 20px 5px 0; }
	form#leave-reply label.check-box {
		float: left;
		padding: 8px 0 0 0;
		font-weight: normal;
		font-size: 13px;
		color: #666666; }
		form#leave-reply label.check-box input { margin: 0 5px 0 0; }

/* Settings page
--------------*/
form.settings,
form.notes-writer {
	clear: both;
	float: left;
	width: 100%;
	padding: 30px 0 0 0; }
	form.settings fieldset,
	form.notes-writer fieldset {
		padding: 5px 0 5px 12px;
		margin: 10px 10px 30px 15px;
		border-left: 3px solid #e9e9e9; }
	form.settings fieldset.controls {
		padding: 10px 12px;
		margin: 0;
		border: none;
		border-top: 2px solid #253143; }
		form.settings fieldset.controls input { margin: 0 10px 0 0; }
		form.settings fieldset.controls a {
			font-size: 10px;
			color: #cc0000; }
	form.settings h4,
	form.notes-writer h4 {
		margin: 0 0 0 15px;
		font-family: Georgia;
		font-weight: normal;
		color: #31353d;
		background: url("../images/bg_midline-heading_blue.gif") 0 50% repeat-x; }
		form.settings h4 span,
		form.notes-writer h4 span {
			padding: 0 10px 0 0;
			background: #ffffff; }
	form.settings label,
	form.notes-writer label {
		display: block;
		padding: 0 0 7px 0;
		font-weight: bold; }
	form.settings input.input-text,
	form.notes-writer input.input-text {
		padding: 6px 0 6px 5px;
		margin: 0 0 20px 0;
		width: 400px;
		height: 20px;
		font-family: Georgia;
		font-size: 16px;
		font-style: italic;
		color: #666666; }
	form.settings textarea,
	form.notes-writer textarea {
		width: 400px;
		height: 85px;
		padding: 5px 0 5px 5px;
		margin: 0 0 20px 0;
		font-family: Georgia;
		font-size: 12px;
		color: #666666; }
	form.settings select { margin: 0 0 10px 0; }
	form.settings ul.radios { padding: 0 0 20px 0; }
		form.settings ul.radios li { display: inline; }
		form.settings ul.radios label {
			display: inline;
			padding: 0 20px 0 15px;
			font-size: 13px;
			font-weight: normal;
			color: #666666; }
			form.settings ul.radios label input { margin: 0 5px 0 0; }
			html >/**/body form.settings ul.radios label input {
				position: relative;
				top: 2px; }
	form.settings table {
		width: 100%;
		vertical-align: top;
		border-collapse: collapse; }
		form.settings table td {
			padding: 7px 5px;
			font-weight: bold;
			border: 1px solid #d9dbde;
			border-color: #d9dbde #f5f6f7; }
		form.settings table tr td:first-child { width: 170px; }
		form.settings table a {
			font-weight: normal;
			font-size: 10px;
			color: #cc0000; }
		form.settings table label {
			display: inline;
			padding: 0;
			font-weight: normal; }
			form.settings table label input { margin: 0 5px 0 0; }
			html >/**/body form.settings table label input {
				position: relative;
				top: 2px; }

/* Non-member Landing
-------------------*/
ul#subnav.inactive { margin-bottom: 0; }
.non-member {
	clear: both;
	float: left;
	width: 668px;
	padding: 14px 14px 10px 14px;
	border-bottom: 1px solid #ff8c40;
	background: #fff7e1 url("../images/bg_white-border.gif") 0 100% repeat-x; }
	.non-member h1 {
		padding: 0 0 12px 0;
		font-size: 22px; }
	.non-member p {
		padding: 0 0 15px 0;
		line-height: 140%; }
		.non-member p a {
			font-weight: bold;
			color: #990000; }
	.non-member .group-details {
		padding: 10px;
		margin: 0 0 20px 0;
		font-family: Georgia;
		background: #ffffff; }
		.non-member .group-details h2 {
			font-size: 22px;
			font-weight: normal;
			color: #31353d; }
		.non-member .group-details p.members { color: #666666; }
	.non-member a.btn_request-membership {
		display: block;
		width: 197px;
		height: 46px;
		background: transparent url("../images/btn_request-membership.gif") 0 0 no-repeat;
		text-indent: -5000px; }
	.non-member ul {
		float: left;
		width: 100%; }
	.non-member li {
		float: left;
		padding: 7px 8px;
		margin: 0 9px 0 0;
		text-align: center;
		font-weight: bold;
		background: #ffffff; }
	.non-member li.last { margin: 0; }
		.non-member li img {
			display: block;
			margin: 0 0 5px 0;
			border: 1px solid #000000; }

/* General Notes Input page
-------------------------*/
	form.notes-writer fieldset { margin: 10px 0 30px 0; }
	form.notes-writer fieldset.form-submit {
		padding: 17px 18px 0 0;
		margin: 0;
		text-align: right;
		border: none;
		border-top: 1px solid #f2f2f2; }
	form.notes-writer h4 {
		clear: both;
		margin-left: 0; }
	form.notes-writer input#lecture-number {
		float: left;
		width: 222px;
		height: 16px;
		padding: 4px 0 4px 5px;
		font-size: 14px; }
	form.notes-writer input#lecture-topic { width: 663px; }
	form.notes-writer .guest-lecturer {
		float: left;
		width: 422px; }
		form.notes-writer .guest-lecturer p {
			padding: 27px 0 0 0;
			font-family: Georgia; }
	form.notes-writer .lecturer-input {
		float: left;
		width: 257px; }
		form.notes-writer .guest-lecturer .lecturer-input {
			width: 193px;
			padding: 0 16px 0 0; }
			form.notes-writer .guest-lecturer .lecturer-input input.input-text {
				width: 182px;
				height: 16px;
				padding: 4px 0 4px 5px;
				margin: 0;
				font-size: 14px; }
.text-editor {
	clear: both;
	float: left;
	width: 694px;
	margin: 15px 0 45px 0;
	border: 1px solid #666666; }
	.text-editor .toolbar {
		float: left;
		width: 100%;
		height: 35px;
		background: transparent url("../images/bg_writer-toolbar_gradient.gif") 0 0 repeat-x; }
		.text-editor .toolbar select {
			float: left;
			width: 185px;
			margin: 5px 11px 0 8px; }
		.text-editor .toolbar ul {
			float: left;
			height: 30px;
			padding: 5px 8px 0 11px;
			background: transparent url("../images/bg_writer-toolbar_separator.gif") 0 0 no-repeat; }
		.text-editor .toolbar li {
			float: left;
			position: relative;
			padding: 0 3px 0 0; }
			.text-editor .toolbar li a,
			.text-editor .toolbar .spellcheck a.btn_spellcheck {
				display: block;
				width: 21px;
				height: 22px;
				text-indent: -5000px; }
			form.notes-writer .text-editor .toolbar li a:hover,
			form.notes-writer .text-editor .toolbar li.active a { background-position: 100% 0; }
			.text-editor .toolbar li a.btn_bold { background: transparent url("../images/btn_bold.gif") 0 0 no-repeat; }
			.text-editor .toolbar li a.btn_italic { background: transparent url("../images/btn_italic.gif") 0 0 no-repeat; }
			.text-editor .toolbar li a.btn_underline { background: transparent url("../images/btn_underline.gif") 0 0 no-repeat; }
			.text-editor .toolbar li a.btn_add-indent { background: transparent url("../images/btn_add-indent.gif") 0 0 no-repeat; }
			.text-editor .toolbar li a.btn_remove-indent { background: transparent url("../images/btn_remove-indent.gif") 0 0 no-repeat; }
			.text-editor .toolbar li a.btn_add-ul { background: transparent url("../images/btn_add-ul.gif") 0 0 no-repeat; }
			.text-editor .toolbar li a.btn_add-ol { background: transparent url("../images/btn_add-ol.gif") 0 0 no-repeat; }
			.text-editor .toolbar li a.btn_add-link { background: transparent url("../images/btn_add-link.gif") 0 0 no-repeat; }
			.text-editor .toolbar li a.btn_add-image { background: transparent url("../images/btn_add-image.gif") 0 0 no-repeat; }
			.text-editor .toolbar li a.btn_add-code { background: transparent url("../images/btn_add-code.gif") 0 0 no-repeat; }
			.text-editor .toolbar li a.btn_paste-from-word { background: transparent url("../images/btn_paste-from-word.gif") 0 0 no-repeat; }
		.text-editor .toolbar .spellcheck {
			float: left;
			position: relative;
			height: 30px;
			padding: 5px 8px 0 11px;
			margin: 0 0 0 51px;
			background: transparent url("../images/bg_writer-toolbar_separator.gif") 0 0 no-repeat; }
			.text-editor .toolbar .spellcheck a.btn_spellcheck {
				position: relative;
				width: 96px;
				background: transparent url("../images/btn_spellcheck.gif") 0 0 no-repeat; }
			.text-editor .toolbar .spellcheck a.btn_spellcheck:hover { background-position: 100% 0; }
				.text-editor .toolbar .spellcheck a.btn_spellcheck b.icon_caution {
					position: absolute;
					display: block;
					right: -4px;
					bottom: -1px;
					width: 16px;
					height: 15px;
					background: transparent url("../images/icon_caution.gif") 0 0 no-repeat;
					text-indent: -5000px; }
			.text-editor .toolbar .spellcheck .spellcheck-notification {
				position: absolute;
				left: 77px;
				top: 25px;
				z-index: 100;
				width: 107px;
				height: 24px;
				padding: 77px 0 0 106px;
				background: transparent url("../images/img_run-spellcheck.gif") 0 0 no-repeat; }
			html > body .text-editor .toolbar .spellcheck .spellcheck-notification { background: transparent url("../images/img_run-spellcheck.png") 0 0 no-repeat; }
				.text-editor .toolbar .spellcheck .spellcheck-notification a {
					display: block;
					width: 91px;
					height: 10px;
					text-indent: -5000px; }
			.text-editor .toolbar .upload-image {
				position: absolute;
				left: -12px;
				top: 18px;
				z-index: 100;
				width: 213px;
				height: 79px;
				padding: 40px 11px 0 11px;
				font-size: 11px;
				color: #cccccc;
				background: transparent url("../images/bg_upload-image.gif") 0 0 no-repeat; }
			html > body .text-editor .toolbar .upload-image { background: transparent url("../images/bg_upload-image.png") 0 0 no-repeat; }
				.text-editor .toolbar .upload-image .upload-input {
					width: 206px;
					height: 25px;
					padding: 7px 0 10px 7px;
					margin: 0 auto;
					background: transparent url("../images/bg_upload-image-input.gif") 0 0 no-repeat; }
					.text-editor .toolbar .upload-image .upload-input input {
						font-size: 10px;
						color: #666666; }
				.text-editor .toolbar .upload-image a {
					display: inline;
					width: auto;
					height: auto;
					text-indent: 0;
					font-weight: bold;
					color: #ff0000;
					background: transparent; }
				.text-editor .toolbar .upload-image .loading-layer {
					padding: 7px 0 7px 50px;
					border: 1px solid #000000;
					background: #ffffff url("../images/ajax-loader.gif") 9px 7px no-repeat;
					color: #666666; }
					.text-editor .toolbar .upload-image .loading-layer h3 {
						padding: 0 0 5px 0;
						font-size: 14px;
						color: #000000; }
	.text-editor .editor-content {
		clear: both;
		height: 355px;
		min-height: 355px;
		padding: 17px 15px; }
	html > body .text-editor .editor-content { height: auto; }
		.text-editor .editor-content h1 {
			font-size: 28px; }
		.text-editor .editor-content p {
			padding: 0 0 25px 0;
			font-size: 13px;
			line-height: 160%; }
		.text-editor .editor-content span.check-spelling {
			padding: 0 0 2px 0;
			background: transparent url("../images/bg_check-spelling.gif") 0 100% repeat-x; }
		.text-editor .resize-handle {
			clear: both;
			height: 9px;
			border-top: 1px solid #666666;
			background: transparent url("../images/bg_resize-window.gif") 0 0 repeat-x; }
			.text-editor .resize-handle a {
				display: block;
				width: 100%;
				height: 100%;
				cursor: n-resize;
				background: transparent url("../images/btn_resize-window.gif") 50% 2px no-repeat; }

	form.notes-writer textarea#lecture-summary {
		width: 667px;
		height: 92px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 160%;
		color: #333333; }

.lecture-date {
	float: left;
	margin: 0 30px 0 0;
	background: transparent url("../images/bg_lecture-date_right.gif") 100% 0 no-repeat; }
	.lecture-date .inner {
		float: left;
		position: relative;
		height: 24px;
		padding: 6px 44px 0 6px;
		background: transparent url("../images/bg_lecture-date_left.gif") 0 0 no-repeat; }
	.lecture-date select {
		margin: 0 2px 0 0;
		font-size: 11px; }
	.lecture-date a.btn_calendar {
		position: absolute;
		display: block;
		right: 4px;
		top: 4px;
		z-index: 5;
		width: 22px;
		height: 22px;
		background: transparent url("../images/btn_lecture-calendar.gif") 0 0 no-repeat;
		text-indent: -5000px; }

div.share-with {
		float: left;
		padding: 0 0 0 7px;
		margin: 0 0 10px 0;
		background: transparent url("../images/bg_share-with_outer-left.gif") 0 0 no-repeat; }
		div.share-with .inner {
			float: left;
			padding: 0 7px 0 0;
			line-height: 29px;
			background: transparent url("../images/bg_share-with_outer-right.gif") 100% 0 no-repeat; }
		div.share-with p {
			float: left;
			padding: 0 5px 0 0;
			font-size: 10px;
			line-height: 29px;
			text-transform: uppercase;
			color: #ffffff; }
		div.share-with ul {
			float: left;
			padding: 0 0 0 7px;
			background: transparent url("../images/bg_share-with_inner-left.gif") 0 0 no-repeat; }
		div.share-with li {
			float: left;
			padding: 0 8px 0 0;
			margin: 0;
			border: none;
			background: transparent url("../images/bg_share-with_inner-repeat.gif") 0 0 repeat-x; }
		div.share-with label {
			float: left;
			display: block;
			padding: 0 10px 0 0;
			font-weight: bold;
			background: transparent url("../images/bg_share-with_separator.gif") 100% 50% no-repeat; }
			div.share-with label input { margin: 0 5px 0 0; }
			div.share-with label input, x:-moz-any-link {
				position: relative;
				top: 2px; }
		div.share-with li.last { padding: 0; }
			div.share-with li.last label {
				padding: 0;
				background: transparent; }

#sidebar .about { }
	#sidebar .about .inner { 
		width: 225px;
		padding: 6px 10px; }
	#sidebar .about p {
		padding: 0 0 15px 0;
		font-size: 11px;
		line-height: 140%; }
	#sidebar .about .course-details {
		padding: 12px 0 0 0;
		border-top: 1px solid #ffffff; }
		#sidebar .about .course-details p {
			padding: 0 0 10px 0;
			font-family: Georgia;
			font-size: 12px; }

/* Notes View
-----------*/
.main-heading p.stars {
	float: right;
	padding: 0 0 0 83px;
	margin: 25px 15px 0 0;
	line-height: 12px;
	background: transparent url("../images/bg_stars-blue.gif") 0 0 no-repeat; }
.main-heading p.one { background-position: 0 20%; }
.main-heading p.two { background-position: 0 40%; }
.main-heading p.three { background-position: 0 60%; }
.main-heading p.four { background-position: 0 80%; }
.main-heading p.five { background-position: 0 100%; }
	.main-heading p.stars a {
		padding: 0 0 0 15px;
		font-family: Georgia;
		font-size: 11px;
		text-decoration: none;
		background: transparent url("../images/icon_comments.gif") 0 4px no-repeat; }
	.main-heading p.stars span { display: none; }

.notes {
	clear: both;
	padding: 15px 0 0 0;
	color: #666666; }
	.notes h1 {
		padding: 0 0 15px 0;
		font-family: Georgia;
		font-size: 32px;
		font-weight: normal;
		color: #253143; }
	.notes h2 {
		padding: 0 0 5px 0;
		font-family: Georgia;
		font-size: 18px;
		font-weight: normal;
		color: #333333; }
	.notes h3 {
		padding: 0 0 5px 0;
		font-size: 13px; }
	.notes p {
		clear: both;
		padding: 0 0 30px 0;
		line-height: 160%; }
	.notes ul,
	.notes ol { padding: 0 0 0 30px; }
		.notes ul li {
			padding: 0 0 20px 0;
			list-style-type: square; }
		.notes ol li {
			padding: 0 0 20px 0;
			list-style-type: decimal; }
	.notes img {
		display: block;
		float: left;
		margin: 0 10px 30px 30px; }
	.notes p.caption {
		clear: none;
		font-size: 11px; }
	.notes blockquote {
		padding: 7px 15px;
		margin: 0 50px 30px 50px;
		background: #f2f2f2; }
		.notes blockquote p {
			padding: 0;
			font-family: Georgia;
			font-size: 16px;
			font-style: italic;
			text-align: center; }
		.notes blockquote p cite {
			padding: 0 0 0 10px;
			font: normal bold 12px Arial, helvetica, sans-serif;
			color: #333333; }
p.writer {
	padding: 15px 0;
	font: italic 13px Georgia;
	text-align: center; }

.article-rating {
	clear: both;
	float: left;
	width: 472px;
	padding: 14px 0 10px 224px;
	background: transparent url("../images/bg_article-rating.gif") 0 0 repeat-x; }
div.btn_ratings {
	float: left;
	position: relative;
	padding: 13px 0 0 114px;
	width: 134px;
	height: 29px;
	background: transparent url("../images/bg_rate-article.gif") 0 0 no-repeat; }
	div.btn_ratings ul.star-rating,
	div.btn_ratings ul.star-rating a:hover,
	div.btn_ratings ul.star-rating a:active,
	div.btn_ratings ul.star-rating a:focus,
	div.btn_ratings ul.star-rating li.current-rating {
		background: url("../images/img_stars.gif") left center repeat-x; }
	div.btn_ratings ul.star-rating {
		float: left;
		position: relative;
		width: 120px;
		height: 18px;
		overflow: hidden;
		list-style: none;
		margin: 0;
		padding: 0;
		background-position: left top; }
		div.btn_ratings ul.star-rating li { display: inline; }
		div.btn_ratings ul.star-rating a,
		div.btn_ratings ul.star-rating .current-rating {
			position: absolute;
			top: 0;
			left: 0;
			text-indent: -1000em;
			height: 18px;
			line-height: 18px;
			outline: none;
			overflow: hidden;
			border: none; }
		div.btn_ratings ul.star-rating a:hover,
		div.btn_ratings ul.star-rating a:active,
		div.btn_ratings ul.star-rating a:focus { background-position: left bottom; }
		div.btn_ratings ul.star-rating a.one-star {
			width: 20%;
			z-index: 6; }
		div.btn_ratings ul.star-rating a.two-stars {
			width: 40%;
			z-index: 5; }
		div.btn_ratings ul.star-rating a.three-stars {
			width: 60%;
			z-index: 4; }
		div.btn_ratings ul.star-rating a.four-stars {
			width: 80%;
			z-index: 3; }
		div.btn_ratings ul.star-rating a.five-stars {
			width: 100%;
			z-index: 2; }
		div.btn_ratings ul.star-rating .current-rating {
			z-index: 1;
			background-position: left bottom; }

ul.comment-list .meta p {
	float: left;
	padding-right: 10px; }
ul.comment-list .meta p.stars {
	display: block;
	float: left;
	width: 83px;
	height: 13px;
	line-height: 13px;
	padding: 0;
	margin: 7px 0 0 0;
	line-height: 9px;
	background: transparent url("../images/bg_stars-blue.gif") 0 0 no-repeat;
	text-indent: -5000px; }
ul.comment-list .meta p.one { background-position: 0 20%; }
ul.comment-list .meta p.two { background-position: 0 40%; }
ul.comment-list .meta p.three { background-position: 0 60%; }
ul.comment-list .meta p.four { background-position: 0 80%; }
ul.comment-list .meta p.five { background-position: 0 100%; }

/* Notes Sidebar
--------------*/
#sidebar .related-notes .inner {
	width: 245px;
	padding: 10px 0 0 0;
	border-bottom: 3px solid #e5e5e5;
	background: transparent; }
#sidebar .related-notes ul {
	float: left;
	width: 100%; }
#sidebar .related-notes li {
	float: left;
	clear: both;
	width: 235px;
	padding: 0 5px 7px 5px;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #e5e5e5; }
#sidebar .related-notes li.last { margin-bottom: 5px; }
#sidebar .related-notes p {
	clear: both;
	padding: 0 0 5px 0;
	font-size: 11px;
	color: #666666; }
#sidebar .related-notes h4 {
	float: left;
	width: 160px;
	padding: 0 20px 10px 0;
	font-size: 14px; }
#sidebar .related-notes span.stars { padding: 0; }
#sidebar .related-notes p.actions {
	padding: 0 10px 10px 0;
	font-family: Georgia;
	text-align: right; }

/* Annotations Sidebar
--------------------*/
#sidebar .related-annotations .inner {
	width: 245px;
	padding: 10px 0 0 0;
	border-bottom: 3px solid #e5e5e5;
	background: transparent; }
#sidebar .related-annotations ul {
	float: left;
	width: 100%; }
#sidebar .related-annotations li {
	float: left;
	clear: both;
	width: 235px;
	padding: 0 5px 7px 5px;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #e5e5e5; }
#sidebar .related-annotations li.last { margin-bottom: 5px; }
#sidebar .related-annotations h4 { font-size: 14px; }
#sidebar .related-annotations p {
	padding: 0 0 5px 0;
	font-size: 11px;
	color: #666666; }
	#sidebar .related-annotations p a {
		color: #666666;
		text-decoration: underline; }
	#sidebar .related-annotations p a:hover { text-decoration: none; }
#sidebar .related-annotations blockquote {
	padding: 3px 0 3px 10px;
	margin: 0 0 0 5px;
	font-family: Georgia;
	border-left: 2px solid #989a9e; }
	#sidebar .related-annotations blockquote p {
		padding: 0 0 2px 0;
		font-style: italic; }
	#sidebar .related-annotations blockquote cite {
		font-style: normal;
		font-size: 10px;
		color: #333333; }

/* Register / Login pages
-----------------------*/
.register #content {
	width: 480px;
	padding: 20px 0 30px 0;
	margin: 0 auto; }
	.register h1 {
		padding: 0 0 5px 0;
		font: normal 26px Georgia; }
	.register p {
		padding: 0 0 20px 0;
		line-height: 140%;
		color: #666666; }
form.register-form {
	padding: 12px;
	border: 9px solid #73829a;
	color: #ffffff;
	background: #445878; }
	form.register-form h2 {
		margin: 0 0 10px 0;
		font: 18px Georgia;
		background: url("../images/bg_midline-heading_white.gif") 0 50% repeat-x; }
		form.register-form h2 span {
			padding: 0 10px 0 0;
			background: #445878; }
	form.register-form fieldset {
		clear: both;
		padding: 10px 12px;
		margin: 0 0 20px 0;
		border-left: 3px solid #73829a; }
	form.register-form p { color: #ffffff; }
	form.register-form label {
		display: block;
		padding: 0 0 5px 0;
		font-weight: bold; }
	form.register-form label.check-box {
		float: left;
		width: 100%; }
		form.register-form label.check-box input {
			float: left;
			margin: 0 5px 0 0; }
		html >/**/body form.register-form label.check-box input {
			margin-top: 2px; }
		form.register-form label.check-box span {
			display: block;
			float: left;
			width: 380px;
			padding: 2px 0 0 0;
			font-weight: normal; }
		html >/**/body form.register-form label.check-box span { padding: 0; }
	form.register-form input.input-text {
		width: 398px;
		height: 28px;
		padding: 3px 5px;
		margin: 0 0 12px 0;
		font-size: 20px;
		border: none; }
	form.register-form select { margin: 0 0 15px 0; }
	form.register-form .two-col {
		float: left;
		width: 205px; }
		form.register-form .two-col input.input-text { width: 179px; }
	form.register-form fieldset.agree-terms {
		float: left;
		width: 408px;
		margin-top: 10px;
		border: 3px solid #5c6d89;
		background: #73829a; }
		form.register-form fieldset.agree-terms label { padding: 0 0 10px 0; }
		form.register-form fieldset.agree-terms a {
			font-weight: bold;
			color: #ffffff; }
	form.register-form fieldset.controls {
		padding: 0 0 5px 0;
		margin: 0;
		border: none; }
		form.register-form fieldset.controls button.btn_create-account,
		form.register-form fieldset.controls button.btn_send-password,
		form.register-form fieldset.controls button.btn_login {
			display: block;
			float: left;
			width: 220px;
			height: 37px;
			margin: 0 10px 10px 0;
			border: none;
			cursor: pointer;
			text-indent: -5000px; }
		form.register-form fieldset.controls button.btn_create-account { background: transparent url("../images/btn_create-account.png") 0 100% no-repeat; }
		form.register-form fieldset.controls button.btn_login { background: transparent url("../images/btn_login-to-account.gif") 0 0 no-repeat; }
		form.register-form fieldset.controls button.btn_send-password {
			display: block;
			float: left;
			width: 220px;
			height: 37px;
			margin: 0 10px 10px 0;
			border: none;
			cursor: pointer;
			background: transparent url("../images/btn_send-password.gif") 0 0 no-repeat;
			text-indent: -5000px; }
		form.register-form fieldset.controls button.disabled { background-position: 0 0; }
		form.register-form fieldset.controls p {
			float: left;
			width: 200px;
			padding: 0; }
		form.register-form fieldset.controls p.vertical-centered { padding: 10px 0 0 0; }
		form.register-form fieldset.controls a {
			clear: both;
			display: block;
			color: #ffffff; }
			form.register-form fieldset.controls p a { display: inline; }

/* System messages
----------------*/
#system-message {
	clear: both;
	color: #ffffff;
	border-top: 1px solid #ffffff;
	border-bottom: 2px solid #253143;
	background: #68707c url("../images/bg_status_message.gif") 0 0 repeat-x; }
	#system-message .message {
		padding: 10px 15px 12px 68px;
		border-bottom: 1px solid #ffffff;
		background: transparent url("../images/icon_status_message.gif") 16px 0 no-repeat; }
	#system-message h3 {
		padding: 0 0 5px 0;
		font: normal 18px Georgia; }
	#system-message p {
		font-size: 13px;
		font-weight: bold; }
/* Success message */
#system-message.success {
	border-bottom-color: #336600;
	background: #339800 url("../images/bg_status_success.gif") 0 0 repeat-x; }
		#system-message.success .message {
		background: transparent url("../images/icon_status_success.gif") 16px 0 no-repeat; }
/* Error message */
#system-message.error {
	border-bottom-color: #990000;
	background: #cc0000 url("../images/bg_status_error.gif") 0 0 repeat-x; }
		#system-message.error .message {
		background: transparent url("../images/icon_status_error.gif") 16px 0 no-repeat; }
/* Warning message */
#system-message.warning {
	border-bottom-color: #d77c0b;
	background: #feca32 url("../images/bg_status_warning.gif") 0 0 repeat-x; }
		#system-message.warning .message {
		background: transparent url("../images/icon_status_warning.gif") 16px 0 no-repeat; }

/* Generic page
-------------*/
.general {
	clear: both;
	padding: 15px 0 0 0;
	color: #666666; }
	.general h1 {
		padding: 0 0 15px 0;
		font-family: Georgia;
		font-size: 32px;
		font-weight: normal;
		color: #253143; }
	.general h2 {
		padding: 0 0 5px 0;
		font-family: Georgia;
		font-size: 18px;
		font-weight: normal;
		color: #333333; }
	.general h3 {
		padding: 0 0 5px 0;
		font-size: 13px; }
	.general p {
		clear: both;
		padding: 0 0 30px 0;
		line-height: 160%; }
	.general ul,
	.general ol { padding: 0 0 0 30px; }
		.general ul li {
			padding: 0 0 20px 0;
			list-style-type: square; }
		.general ol li {
			padding: 0 0 20px 0;
			list-style-type: decimal; }
	.general img {
		display: block;
		float: left;
		margin: 0 10px 30px 30px; }
	.general p.caption {
		clear: none;
		font-size: 11px; }
	.general blockquote {
		padding: 7px 15px;
		margin: 0 50px 30px 50px;
		background: #f2f2f2; }
		.general blockquote p {
			padding: 0;
			font-family: Georgia;
			font-size: 16px;
			font-style: italic; }
		.general blockquote p cite {
			padding: 0 0 0 10px;
			font: normal bold 12px Arial, helvetica, sans-serif;
			color: #333333; }

.side-nav {
	width: 100%; }
	.side-nav ul { }
	.side-nav li {
		padding: 0 5px;
		margin: 0 0 9px 0;
		font: 14px Georgia;
		line-height: 26px; }
	.side-nav li.active {
		color: #ffffff;
		border: 2px solid #253143;
		background: #253143 url("../images/bg_heading_dark-blue.gif") 0 0 repeat-x; }
		.side-nav li a { text-decoration: underline; }
		.side-nav li a:hover { text-decoration: none; }

/* FAQ page
---------*/
.general h2.midline-heading {
	margin: 0 0 12px 0;
	font-size: 12px;
	text-align: left;
	background: transparent url("../images/bg_midline-heading_blue.gif") 0 50% repeat-x; }
	.general h2.midline-heading span {
		padding-left: 0;
		color: #31353d;
		background: #ffffff; }

.general ul.faq-links {
	padding: 0 0 10px 10px;
	margin: 0 0 25px 0;
	border-bottom: 1px solid #f2f2f2; }
	.general ul.faq-links li {
		padding: 0 0 7px 0;
		list-style: none;
		font-weight: bold; }
		.general ul.faq-links li a {
			color: #333333; }

/* Group Discussions
------------------*/
.filter-links ul.lightbulb {
	float: left;
	padding: 0 0 0 30px;
	background: transparent url("../images/icon_lightbulb.gif") 5px 0 no-repeat; }
.filter-links.no-bg {
	padding: 8px;
	background: transparent; }
#discussions {
	clear: both;
	padding: 0 0 30px 0; }
	#discussions p.actions { border-top: none; }
	#discussions .pager { border-top: none; }
.discussion-post {
	clear: both;
	padding: 12px 20px 5px 20px;
	border-bottom: 1px solid #d9d9d9; }
.discussion-post.expanded { background: transparent url("../images/bg_discussions.gif") 0 0 repeat-x; }
	.discussion-post h3 {
		padding: 0 0 2px 0;
		font: normal 18px Georgia; }
		.discussion-post h3 a {
			color: #333333;
			text-decoration: none; }
		.discussion-post h3 a:hover {
			color: #0066cc;
			text-decoration: underline; }
	.discussion-post p {
		padding: 0 0 15px 0;
		font-size: 11px;
		line-height: 140%; }
	.view .discussion-post p { font-size: 12px; }
	.discussion-post p.meta {
		padding: 0 0 10px 0;
		color: #666666; }
		.discussion-post p.meta b {
			font-weight: normal;
			color: #ff6600; }
		.discussion-post p.meta em {
			font-family: Georgia;
			font-style: normal; }
		.discussion-post p.meta strong.public,
		.discussion-post p.meta strong.private {
			display: block;
			float: left;
			width: 40px;
			height: 13px;
			margin: 2px 5px 0 0;
			background: transparent url("../images/icon_public.gif") 0 0 no-repeat;
			text-indent: -5000px; }
		.discussion-post p.meta strong.private { background: transparent url("../images/icon_private.gif") 0 0 no-repeat; }
	.discussion-post a.btn_respond {
		display: block;
		width: 127px;
		height: 26px;
		margin: 0 0 12px 0;
		background: transparent url("../images/btn_respond.gif") 0 0 no-repeat;
		text-indent: -5000px; }

/* New Discussion
---------------*/
#discussions form.settings {
	width: 640px;
	padding: 15px 20px 0 20px; }
	#discussions form.settings fieldset { margin-left: 0; }
	#discussions form.settings h3 {
		padding: 0 0 5px 0;
		font: normal 18px Georgia; }
	#discussions form.settings p {
		padding: 0 0 20px 0;
		line-height: 140%;
		color: #666666; }
	#discussions form.settings input.input-text,
	#discussions form.settings textarea { width: 625px; }
	#discussions form.settings fieldset.form-submit {
		padding: 17px 18px 0 0;
		margin: 0;
		text-align: right;
		border: none;
		border-top: 1px solid #f2f2f2; }

/* Discussion round 1
-------------------*/
#discussions .post-data {
	padding: 8px 20px;
	font-size: 11px;
	color: #999999;
	border-bottom: 1px solid #d9d9d9; }
	#discussions .post-data p {
		display: inline;
		color: #666666; }
	#discussions .post-data p.date-started { color: #999999; }
	#discussions .post-data b {
		font-weight: normal;
		color: #ff6600; }

.initial-reaction,
.followup {
	padding: 4px 0 5px 0;
	border: 1px solid #d9d9d9;
	border-width: 1px 0; }
.followup.last { border-width: 1px 0 0 0; }
	.initial-reaction h3 {
		font-size: 16px;
		color: #333333; }
	.initial-reaction .post-data { background: transparent url("../images/bg_discussions.gif") 0 0 repeat-x; }
		#discussions .initial-reaction .post-data p,
		#discussions .followup .post-data p {
			font-family: Georgia;
			color: #333333; }
		#discussions .followup .post-data p { font-size: 11px; }
		#discussions .initial-reaction .post-data p.date-started,
		#discussions .followup .post-data p.date-started {
			font: 11px Arial, Helvetica, sans-serif;
			color: #999999; }
	.initial-reaction .post,
	.followup .post { padding: 10px 20px 0 20px; }

#discussions div.btn_ratings {
	float: none;
	width: 137px;
	height: 27px;
	padding: 7px 0 0 77px;
	margin: 10px 0 0 0;
	background: transparent url("../images/bg_rating.gif") 0 0 no-repeat; }
	#discussions div.btn_ratings ul.star-rating,
	#discussions div.btn_ratings ul.star-rating a:hover,
	#discussions div.btn_ratings ul.star-rating a:active,
	#discussions div.btn_ratings ul.star-rating a:focus,
	#discussions div.btn_ratings ul.star-rating li.current-rating {
		background: url("../images/img_discussion-stars.gif") left center repeat-x; }
	#discussions div.btn_ratings ul.star-rating { background-position: left top; }

/* Closed Discussions
-------------------*/
.filter-links ul.discussion {
	float: left;
	padding: 0 0 0 30px;
	background: transparent url("../images/icon_discussion.gif") 5px 0 no-repeat; }
.closed .discussion-post { border: none; }
	.closed .discussion-post p {
		font-size: 12px; }
.discussion-reaction {
	clear: both;
	padding: 10px 0 0 0; }
	.discussion-reaction h3 {
		padding: 0 20px 2px 20px;
		font: normal 18px Georgia; }
		.discussion-reaction h3 a {
			color: #333333;
			text-decoration: none; }
		.discussion-reaction h3 a:hover {
			color: #0066cc;
			text-decoration: underline; }
	.discussion-reaction p {
		padding: 0 0 15px 0;
		font-size: 11px;
		line-height: 140%; }
	#discussions .discussion-reaction .post-data { padding: 0 20px 10px 20px; }
		#discussions .discussion-reaction .post-data p {
			font: 12px Georgia; }
		#discussions .discussion-reaction .post-data p.date-started {
			font: 11px Arial, Helvetica, sans-serif; }
	#discussions .post-data p.stars,
	#discussions .discussion-reaction .post-data p.stars {
		padding: 0 0 0 83px;
		line-height: 13px;
		font-size: 11px; }
	#discussions .post-data p.stars { background: transparent url("../images/bg_stars-blue.gif") 0 0 no-repeat; }
	#discussions .post-data p.one { background-position: 0 20%; }
	#discussions .post-data p.two { background-position: 0 40%; }
	#discussions .post-data p.three { background-position: 0 60%; }
	#discussions .post-data p.four { background-position: 0 80%; }
	#discussions .post-data p.five { background-position: 0 100%; }
	#discussions .post-data p.comments {
		padding: 0;
		line-height: 100%; }
		#discussions .post-data p.stars a {
			padding: 0 0 0 15px;
			font-family: Georgia;
			text-decoration: none;
			background: transparent url("../images/icon_comments.gif") 0 4px no-repeat; }
		#discussions .post-data p.stars span { display: none; }

/* Annotations: All Books
-----------------------*/
ul.annotations-books {
	clear: both;
	float: left;
	width: 100%;
	padding: 25px 0 0 0; }
	ul.annotations-books li {
		padding: 0 0 20px 0;
		margin: 0 0 20px 0;
		border-bottom: 1px solid #f2f2f2; }
	ul.annotations-books li.last {
		margin: 0;
		border: none; }
	ul.annotations-books .details {
		clear: left;
		padding: 4px 0 4px 8px;
		margin: 12px 0 0 23px;
		border-left: 3px solid #d9dbde; }
	ul.annotations-books h3 {
		font-size: 17px;
		color: #31353d; }
		ul.annotations-books h3 a {
			color: #31353d;
			text-decoration: none; }
		ul.annotations-books h3 a:hover {
			color: #0066cc;
			text-decoration: underline; }
	ul.annotations-books p {
		padding: 0 0 10px 0;
		font-size: 11px;
		line-height: 140%; }
	ul.annotations-books p.date {
		font-size: 10px;
		text-transform: uppercase;
		color: #999999; }
	ul.annotations-books p.related-users {
		padding: 0 0 5px 0;
		font-family: Georgia;
		font-size: 12px; }
	ul.annotations-books p.stars {
		padding: 0 0 0 83px;
		line-height: 13px;
		background: transparent url("../images/bg_stars-blue.gif") 0 0 no-repeat; }
	ul.annotations-books p.one { background-position: 0 20%; }
	ul.annotations-books p.two { background-position: 0 40%; }
	ul.annotations-books p.three { background-position: 0 60%; }
	ul.annotations-books p.four { background-position: 0 80%; }
	ul.annotations-books p.five { background-position: 0 100%; }
	ul.annotations-books p.comments {
		padding: 0;
		line-height: 100%; }
		ul.annotations-books p.stars a {
			padding: 0 0 0 15px;
			font-family: Georgia;
			text-decoration: none;
			background: transparent url("../images/icon_comments.gif") 0 4px no-repeat; }
		ul.annotations-books p.stars span { display: none; }
	ul.annotations-books strong.annotations-count {
		padding: 0 0 0 15px;
		font: bold 11px Georgia;
		line-height: 11px; }
	ul.annotations-books img.floatleft {
		display: block;
		float: left;
		margin: 0 15px 10px 0; }

#sidebar .books { }
	#sidebar .books li {
		padding: 0 5px 10px 5px;
		margin: 0 0 10px 0;
		border-bottom: 1px solid #ffffff; }
	#sidebar .books li.last {
		padding: 0 5px;
		margin: 0;
		border: none; }
	#sidebar .books h4 {
		padding: 0 0 2px 0;
		font-size: 14px; }
		#sidebar .books h4 a:hover { color: #0066cc; }
	#sidebar .books p {
		padding: 0 5px;
		font: 11px Arial, Helvetica, sans-serif;
		line-height: 160%; }
		#sidebar .books li p {
			padding: 0 0 5px 0;
			font: 12px Georgia;
			line-height: 125%; }
		#sidebar .books p a { color: #0066cc; }
		#sidebar .books p a.comments {
			padding: 0 0 0 15px;
			margin: 0 0 0 10px;
			background: transparent url("../images/icon_comments.gif") 0 4px no-repeat; }
			#sidebar .books p a.comments span { display: none; }
	#sidebar .books p.stars {
		clear: both;
		float: left;
		width: 83px;
		height: 13px;
		padding: 0;
		background: transparent url("../images/bg_stars-blue.gif") 0 0 no-repeat;
		text-indent: -5000px; }
	#sidebar .books p.one { background-position: 0 20%; }
	#sidebar .books p.two { background-position: 0 40%; }
	#sidebar .books p.three { background-position: 0 60%; }
	#sidebar .books p.four { background-position: 0 80%; }
	#sidebar .books p.five { background-position: 0 100%; }
	#sidebar .books strong {
		font-size: 11px;
		color: #666666; }

/* Annotations: Authors
---------------------*/
ul.authors-list {
	float: left;
	width: 223px;
	padding: 20px 13px 0 0; }
ul.authors-list.last { padding: 20px 0 0 0; }
	ul.authors-list li {
		padding: 0 0 12px 0;
		font: bold 15px Arial, Helvetica, sans-serif; }
	ul.authors-list a {
		color: #333333;
		text-decoration: none; }
	ul.authors-list a:hover {
		color: #0066cc;
		text-decoration: underline; }

/* Annotations: TOC
-----------------*/
#book-introduction {
	clear: both;
	float: left;
	width: 100%;
	padding: 27px 0 10px 0; }
	#book-introduction img {
		display: block;
		float: left;
		width: 95px;
		padding: 0 15px 0 10px; }
	#book-introduction .details {
		float: left;
		width: 555px; }
		#book-introduction .details h2 {
			padding: 0 0 5px 0;
			font: normal 12px Georgia; }
			#book-introduction .details h2 a {
				font: bold 18px Arial, Helvetica, sans-serif;
				color: #333333; }
		#book-introduction .details p {
			padding: 0 0 10px 0;
			line-height: 160%;
			color: #666666; }
		#book-introduction .details p.author {
			font-family: Georgia;
			line-height: 100%; }
		.annotations p.stars,
		#book-introduction .details p.stars {
			clear: both;
			float: left;
			width: 75px;
			height: 13px;
			padding: 0;
			background: transparent url("../images/bg_stars-blue.gif") 0 0 no-repeat;
			text-indent: -5000px; }
		.annotations p.one,
		#book-introduction .details p.one { background-position: 0 20%; }
		.annotations p.two,
		#book-introduction .details p.two { background-position: 0 40%; }
		.annotations p.three,
		#book-introduction .details p.three { background-position: 0 60%; }
		.annotations p.four,
		#book-introduction .details p.four { background-position: 0 80%; }
		.annotations p.five,
		#book-introduction .details p.five { background-position: 0 100%; }
	.annotations #main h4,
	.search #main h4 {
		clear: both;
		font-family: Georgia;
		font-weight: normal;
		color: #31353d;
		background: url("../images/bg_midline-heading_blue.gif") 0 50% repeat-x; }
		.annotations #main h4 span,
		.search #main h4 span {
			padding: 0 10px 0 0;
			background: #ffffff; }
	.annotations #content p.actions {
		clear: both;
		padding-bottom: 20px;
		border: none; }

ul.introductions { padding: 5px 0 0 0; }
	ul.introductions li {
		float: left;
		clear: both;
		width: 685px;
		padding: 0 5px 5px 5px;
		margin: 0 0 5px 0;
		border-bottom: 1px solid #cccccc; }
	ul.introductions p {
		float: left;
		width: 520px;
		padding: 0 0 5px 0; }
	ul.introductions p.author {
		width: 80px;
		padding-right: 10px;
		font-family: Georgia;
		line-height: 100%; }
		ul.introductions p.author a { text-decoration: none; }
		ul.introductions p.author a:hover { text-decoration: underline; }
	ul.introductions p.stars {
		width: 75px;
		padding: 0; }

ul.sections-list {
	float: left;
	width: 675px;
	padding: 5px 10px;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #f2f2f2; }
	ul.sections-list li {
		float: left;
		width: 215px;
		padding: 0 10px 10px 0;
		font: bold 18px Arial, Helvetica, sans-serif; }
	ul.sections-list a { color: #333333;}
	ul.sections-list a:hover {
		color: #0066cc;
		text-decoration: underline; }

.book-section {
	clear: both;
	width: 545px;
	padding: 10px;
	margin: 0 auto 20px auto;
	background: #f9f9f9; }
	.book-section h3 {
		padding: 0 0 5px 0;
		font-size: 22px; }
	.book-section ul {
		margin: 0 0 0 10px;
		padding: 0 0 0 10px;
		font: normal 18px Georgia;
		border-left: 3px solid #d6d8db; }
	.book-section li { padding: 0 0 5px 0; }
	.book-section li.no-annotations {
		font-style: italic;
		color: #666666; }
		.book-section li.no-annotations a {
			font-style: normal;
			font-weight: bold;
			color: #ff6600; }

/* Annotations Detail
-------------------*/
.annotations span.annotated {
	position: relative;
	color: #ff6600;
	border-bottom: 2px solid #ff6600; }
.annotation-hover,
.annotations span.annotated .annotation-hover {
	position: absolute;
	float: left;
	width: 265px;
	height: 72px;
	padding: 13px 10px 10px 10px;
	color: #ffffff;
	background: transparent url("../images/bg_annotation-hover.gif") 0 0 no-repeat; }
html > body .annotation-hover,
html > body .annotations span.annotated .annotation-hover { background: transparent url("../images/bg_annotation-hover.png") 0 0 no-repeat; }
	.annotation-hover p.stars {
		float: right;
		width: 50px;
		height: 9px;
		padding: 0;
		margin: 4px 0 0 0;
		background: transparent url("../images/bg_annotation-stars.gif") 0 0 no-repeat;
		text-indent: -5000px; }
        .annotation-hover p.summary { height: 42px; overflow:hidden; }
	.annotation-hover p.one { background-position: 0 20%; }
	.annotations p.two { background-position: 0 40%; }
	.annotations p.three { background-position: 0 60%; }
	.annotations p.four { background-position: 0 80%; }
	.annotations p.five { background-position: 0 100%; }
	.annotation-hover h5 {
		padding: 0 0 5px 0;
		font: normal 11px Georgia; }
		.annotation-hover h5 strong {
			font-size: 14px;
			font-weight: normal; }
	.annotation-hover p.summary {
		padding: 5px;
		font-size: 11px;
		line-height: 120%;
		color: #666666;
		border: 1px solid #333333;
		background: #ffffff; }

/* Annotation view
----------------*/
.annotation-heading { display:none; }
.annotation-body { display:none; }
.annotation-hover { left:-2000px;overflow:hidden;}
#anno-editor-div { display:none;}

#annotation-toolbar {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 1000;
	width: 100%;
	padding: 16px 0 0 0;
	background: transparent url("../images/bg_annotation-toolbar_shadow.png") 0 0 repeat-x; }
.annotation-heading {
	float: left;
	width: 100%;
	padding: 5px 0 4px 0;
	background: transparent url("../images/bg_annotation-toolbar.gif") 0 0 repeat-x; }
	.annotation-heading a.btn_close {
		display: block;
		float: right;
		width: 62px;
		height: 21px;
		margin: 0 10px 0 0;
		background: transparent url("../images/btn_close-annotation-bar.gif") 0 0 no-repeat;
		text-indent: -5000px; }
	.annotation-heading h5 {
		padding: 2px 0 0 25px;
		font-size: 14px;
		font-weight: normal;
		color: #ffffff; }
		.annotation-heading h5 a { color: #ffffff; }
		.annotation-heading h5 a.create-new {
			padding: 0 0 2px 20px;
			font-weight: bold;
			background: transparent url("../images/icon_add.gif") 0 2px no-repeat; }
	.annotation-heading .note {
		padding: 2px 0 0 45px;
		background: transparent url("../images/icon_paper.gif") 25px 2px no-repeat; }
		.annotation-heading h5 a.note {
			padding: 0 0 2px 20px;
			margin: 0 10px 0 0;
			font-weight: bold;
			background-position: 0 2px; }
.annotation-body {
	float: left;
	width: 100%;
	padding: 10px 0;
	background: #f4f4f4 url("../images/bg_annotation-toolbar_body.gif") 0 100% repeat-x; }
	.annotation-body .inner-padding { padding: 0 25px; }
	.annotation-body p {
		padding: 0 0 20px 0;
		font-size: 13px;
		line-height: 180%; }
	.annotation-body .actions {
		float: right;
		width: 245px; }
		.annotation-body .actions div.btn_ratings {
			float: right;
			width: 137px;
			height: 27px;
			padding: 7px 0 0 77px;
			background: transparent url("../images/bg_rating.gif") 0 0 no-repeat; }
	.annotation-body .actions div.btn_ratings ul.star-rating,
	.annotation-body .actions div.btn_ratings ul.star-rating a:hover,
	.annotation-body .actions div.btn_ratings ul.star-rating a:active,
	.annotation-body .actions div.btn_ratings ul.star-rating a:focus,
	.annotation-body .actions div.btn_ratings ul.star-rating li.current-rating {
		background: url("../images/img_discussion-stars.gif") left center repeat-x; }
	.annotation-body .actions div.btn_ratings ul.star-rating { background-position: left top; }
	.annotation-body ul.action-links {
		clear: both;
		padding: 5px 0;
		font: 12px Georgia;
		text-align: right; }
		.annotation-body ul.action-links li {
			display: inline;
			padding: 0 7px 0 0;
			margin: 0 7px 0 0;
			border-right: 1px solid #a6a6a6; }
		.annotation-body ul.action-links li.last {
			padding: 0;
			margin: 0;
			border: none; }
	.annotation-body .anno-wrap { padding-bottom: 8px; }
	.annotation-body p.author {
		padding: 0;
		font: 12px Georgia; }
	.annotation-body .text-editor {
		width: 100%;
		margin: 0 0 10px 0;
		border-color: #979797; }
	.annotation-body .toolbar { width: 100%; }
		.annotation-body .toolbar ul { background-position: 100% 0; }
			.annotation-body .toolbar ul li a:hover { background-position: 100% 0; }
	.annotation-body .editor-content {
		height: auto;
		min-height: 0;
		background: #ffffff; }
	.annotation-body .post-options {
		float: left;
		width: 430px;
		padding: 10px 10px 0 10px;
		border: 1px solid #cccccc;
		background: #f4f4f4; }
		.annotation-body .post-options label {
			display: block;
			clear: both;
			float: left;
			width: 180px;
			line-height: 21px;
			padding: 0 10px 10px 0;
			font-weight: bold;
			text-align: right; }
		.annotation-body .post-options select {
			float: left;
			margin: 0 0 7px 0; }
	.annotation-body .save-annotation {
		float: right;
		padding: 30px 0 0 0; }
		.annotation-body .save-annotation p {
			float: left;
			padding: 4px 15px 0 0;
			font-size: 14px;
			font-weight: bold;
			color: #666666; }
		.annotation-body .save-annotation a {
			margin: 0 10px 0 0;
			font: normal 14px Georgia; }
		.annotation-body a.btn_save {
			display: block;
			float: right;
			width: 220px;
			height: 37px;
			margin: 0;
			background: transparent url("../images/btn_save.gif") 0 0 no-repeat;
			text-indent: -5000px; }
		.annotation-body .save-annotation a.btn_save { float: left; }
	.annotation-body ul.notes-list { }
		.annotation-body ul.notes-list li {
			padding: 0 0 10px 0;
			font-size: 13px;
			color: #999999; }

/* Annotations step 3 form
------------------------*/
form.annotation-step-3 { }
	form.annotation-step-3 p.instructions { 
		clear: both;
		padding: 15px 0;
		font-size: 13px;
		line-height: 160%; }
	form.annotation-step-3 fieldset {
		padding: 5px 0 5px 12px;
		margin: 0 0 20px 0;
		border-left: 3px solid #e9e9e9; }
	form.annotation-step-3 input.input-text {
		padding: 6px 0 6px 5px;
		width: 659px;
		height: 20px;
		font-family: Georgia;
		font-size: 16px;
		font-style: italic;
		color: #666666;
		border: 1px solid #cccccc; }
	form.annotation-step-3 input.loading { background: #ffffff url("../images/ajax-loader_small.gif") 99% 50% no-repeat; }
	form.annotation-step-3 .autocomplete-results {
		padding: 5px 0 1px 0;
		margin: 2px 0 0 0;
		border-bottom: 1px solid #e5e5e5;
		background: transparent url("../images/bg_autocomplete-results.gif") 0 0 no-repeat; }
		form.annotation-step-3 .autocomplete-results .filter-links {
			width: 652px;
			margin-bottom: 1px; }
		form.annotation-step-3 .autocomplete-results .result {
			clear: both;
			width: 638px;
			padding: 10px 15px;
			background: #f5f5f5; }
		form.annotation-step-3 .autocomplete-results .result.even { background: #fbfbfb; }
			#main form.annotation-step-3 .autocomplete-results .result h4 {
				font: bold 15px Arial, Helvetica, sans-serif;
				color: #31353d;
				background: transparent; }
				form.annotation-step-3 .autocomplete-results .result h4 a {
					color: #31353d;
					text-decoration: none; }
				form.annotation-step-3 .autocomplete-results .result h4 a:hover { text-decoration: underline; }
				#main form.annotation-step-3 .autocomplete-results .result h4 span {
					font-size: 11px;
					font-weight: normal;
					color: #999999;
					background: transparent; }
					form.annotation-step-3 .autocomplete-results .result h4 span a {
						font: normal 11px Georgia;
						color: #666666;
						text-decoration: none; }
				form.annotation-step-3 .autocomplete-results .result h4 a:hover { text-decoration: underline; }
			form.annotation-step-3 .autocomplete-results .result blockquote {
				clear: both;
				padding: 10px 0 0 0; }
				form.annotation-step-3 .autocomplete-results .result blockquote p {
					padding: 0 0 10px 0;
					font: italic 12px Georgia;
					line-height: 140%;
					color: #666666; }
				form.annotation-step-3 .autocomplete-results .result blockquote cite {
					display: block;
					font-size: 11px;
					font-weight: bold;
					font-style: normal;
					text-align: right; }
					form.annotation-step-3 .autocomplete-results .result blockquote cite a {
						color: #333333;
						text-decoration: none; }
					form.annotation-step-3 .autocomplete-results .result blockquote cite a:hover { text-decoration: underline; }
		form.annotation-step-3 .autocomplete-results .result.active {
			padding: 10px 13px;
			border: 2px solid #ff6600;
			background: #fffdfc url("../images/bg_autocomplete-active-result.gif") 0 0 repeat-x; }
			form.annotation-step-3 .autocomplete-results .result fieldset {
				padding: 10px;
				margin: 10px 0 0 0;
				border: 1px solid #cccccc;
				background: #f4f4f4; }
				form.annotation-step-3 .autocomplete-results .result fieldset div {
					clear: both;
					float: left;
					width: 100%;
					padding: 0 0 5px 0; }
			form.annotation-step-3 .autocomplete-results .result label {
				display: block;
				float: left;
				clear: both;
				width: 80px;
				padding: 0 10px 0 0;
				font-weight: bold;
				line-height: 21px;
				text-align: right; }
			form.annotation-step-3 .autocomplete-results .result select { float: left; }
			form.annotation-step-3 .autocomplete-results .result textarea {
				float: left;
				width: 326px;
				height: 49px; }
			#main form.annotation-step-3 .autocomplete-results .result p.link-this {
				float: right;
				width: 127px;
				font: 11px Arial, Helvetica, sans-serif;
				text-align: right; }
				form.annotation-step-3 .autocomplete-results .result p.link-this a { color: #cc0000; }
			form.annotation-step-3 .autocomplete-results .result a.btn_link-this {
				display: block;
				width: 127px;
				height: 26px;
				margin: 0 0 10px 0;
				text-align: left;
				background: transparent url("../images/btn_link-this.gif") 0 0 no-repeat;
				text-indent: -5000px; }

/* Empty sidebar modules
----------------------*/
#sidebar .inner .empty { }
	#sidebar .inner .empty img,
	#right-col .inner .empty img {
		display: block;
		margin: 10px auto; }
	#sidebar .inner .empty p,
	#right-col .inner .empty p {
		padding: 10px 0;
		margin: 0;
		font: bold normal 12px Arial, Helvetica, sans-serif;
		text-align: center;
		color: #333333; }
		#sidebar .inner .empty p a,
		#right-col .inner .empty p a {
			display: inline;
			padding: 0;
			margin: 0;
			font: normal normal 11px Georgia;
			color: #0066cc;
			text-decoration: underline;
			background: transparent; }
		#sidebar .inner .empty p a:hover,
		#right-col .inner .empty p a:hover {
			text-decoration: none;
			border: none;
			background: transparent; }

/* Blank page explanations
------------------------*/
#center-col .non-member {
	width: 402px;
	margin: -22px 0 0 0; }
.non-member .buttons {
	clear: both;
	padding: 15px 13px;
	background: #ffffff; }
a.btn_start-writing-notes {
	display: block;
	width: 197px;
	height: 46px;
	background: transparent url("../images/btn_start-writing-notes.gif") 0 0 no-repeat;
	text-indent: -5000px; }

/* Course Notes
-------------*/
.main-heading h1 small {
	vertical-align: bottom;
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #666666; }

.courses #main .module { width: 669px; }
	.courses #main .module .details { width: 500px; }

#recent-discussions {
	clear: both;
	padding: 40px 0 0 0; }
	#recent-discussions h2 {
		margin: 0 0 15px 0;
		font: normal 28px Georgia;
		text-align: center;
		line-height: 1px;
		border-bottom: 1px solid #e0e1e2; }
		#recent-discussions h2 span {
			padding: 0 5px;
			background: #ffffff; }
	#recent-discussions h3 {
		padding: 0 0 10px 0;
		font: normal 11px Georgia;
		text-align: center;
		border-bottom: 1px solid #e0e1e2; }
	#recent-discussions ul { }
	#recent-discussions li {
		float: left;
		clear: both;
		width: 100%;
		padding: 15px 0 0 0;
		border-bottom: 1px solid #f0f1f1; }
	#recent-discussions p.date {
		float: left;
		width: 60px;
		padding: 0 10px 0 0;
		font-size: 10px;
		font-weight: bold;
		text-transform: uppercase;
		color: #999999; }
	#recent-discussions .summary {
		float: left;
		width: 620px; }
		#recent-discussions .summary p {
			padding: 0 0 15px 0;
			line-height: 130%; }
		#recent-discussions .summary p.author {
			padding: 0 0 5px 0;
			font: 12px Georgia; }
			#recent-discussions .summary p.author a { }
			#recent-discussions .summary p.author strong a {
				font: bold 12px Arial, Helvetica, sans-serif;
				color: #333333; }

#sidebar div.btn_ratings {
	width: 137px;
	height: 27px;
	padding: 7px 0 0 77px;
	margin: 0 0 5px 5px;
	background: transparent url("../images/bg_rating.gif") 0 0 no-repeat; }
	#sidebar div.btn_ratings ul.star-rating,
	#sidebar div.btn_ratings ul.star-rating a:hover,
	#sidebar div.btn_ratings ul.star-rating a:active,
	#sidebar div.btn_ratings ul.star-rating a:focus,
	#sidebar div.btn_ratings ul.star-rating li.current-rating {
		background: url("../images/img_discussion-stars.gif") left center repeat-x; }
	#sidebar div.btn_ratings ul.star-rating { background-position: left top; }

/* Search results
---------------*/
.search .main-heading p {
	font: normal 12px Georgia;
	color: #666666; }

#sections {
	clear: both;
	padding: 18px 0 12px 0;
	margin: 0 0 12px 0;
	border-bottom: 1px solid #f2f2f2; }
	#sections ul { padding: 8px 0 0 10px; }
	#sections li {
		float: left;
		width: 210px;
		padding: 0 15px 10px 0;
		font: 12px Georgia;
		font-style: italic;
		color: #666666; }
		#sections li a {
			margin: 0 5px 0 0;
			font: bold 18px Arial, Helvetica, sans-serif;
			color: #333333; }
		#sections li a:hover {
			text-decoration: underline;
			color: #0066cc; }

/* Messages inbox
---------------*/
.messages #main {
	width: 100%;
	padding: 0 0 40px 0; }
	.messages #main .no-bg {
		width: 944px;
		border: none; }
table#inbox th.no-border { border-right: none; }
	.messages table#inbox th.subject span {
		padding: 0 25px 0 0;
		background: transparent url("../images/icon_comments.gif") 100% 3px no-repeat; }
.messages table#inbox td.subject {
	width: 665px;
	font-weight: normal;
	color: #999999; }
	.messages table#inbox td.subject a { font-weight: bold; }
.messages table#inbox td.date {
	font: 11px Arial, Helvetica, sans-serif;
	color: #666666; }

.messages .filter-links li.right {
	float: right;
	padding: 0 10px 0 0;
	font-size: 11px;
	text-transform: none; }
	.messages .filter-links li.right a {
		padding: 0;
		margin: 0;
		color: #0066cc;
		text-decoration: underline; }
.messages .filter-links li.bordered {
	margin: 0 10px 0 0;
	border-right: 1px solid #cccccc; }

.messages .inbox-message { border-top: 1px solid #cccccc; }
	.messages .inbox-message .headers { width: 935px; }

.messages form#leave-reply { margin: 18px 0 0 50px; }

	.messages form#leave-reply textarea { width: 825px; }

.search-subset {
		background: url("/images/bg_midline-heading_gray.gif") 0 100% repeat-x; }

ul.seach-results {
	}
	ul.search-results h3 {
		font-size: 14px;
		color: #31353d; }
		ul.search-results h3 a {
			font-family: Georgia;
			font-weight: normal;
			text-decoration: none; }
		ul.search-results h3 a:hover { text-decoration: underline; }
			ul.search-results h3 a strong {
				font-family: Arial;
				font-weight: bold;
				color: #31353d;
				text-decoration: none; }


.diffadd p, .diffadd div, ins, ins p, ins div {
	background-color: #ccf2bf;
	text-decoration: none;
}

.diffdel p, .diffdel div, del, del p, del div {
	background-color: #f2bfbf;
	text-decoration: none;
}

.difftable td {
	padding-bottom: 10px;
}
/* Super Admin Register
---------------------*/
.sadmin #content {
	width: 720px;
	padding: 30px 0;
	margin: 0 auto; }
	.sadmin #content h1 {
		padding: 0 0 5px 0;
		font: normal 26px Georgia;
		color: #253143; }
	.sadmin #content p {
		padding: 0 0 20px 0;
		line-height: 140%;
		color: #666666; }
form.sadmin-register div.field-set {
	clear: both;
	position: relative;
	padding: 20px 0 0 25px;
	border-top: 1px solid #999999; }
#content form.sadmin-register p.step-no {
	position: absolute;
	left: 0;
	top: 20px;
	z-index: 1;
	font-size: 13px;
	font-weight: bold;
	color: #333333; }
form.sadmin-register label {
	display: block;
	clear: both;
	padding: 0 0 20px 0;
	font-size: 14px;
	line-height: 140%; }
form.sadmin-register .radios {
	clear: both;
	float: left;
	padding: 0 6px 0 0;
	margin: 0 0 30px 0;
	background: transparent url("../images/bg_sadmin-radios_right.gif") 100% 0 no-repeat; }
	form.sadmin-register .radios ul {
		float: left;
		padding: 16px 0 14px 6px;
		background: transparent url("../images/bg_sadmin-radios_left.gif") 0 0 no-repeat; }
	form.sadmin-register .radios li {
		float: left;
		padding: 0 20px 0 10px; }
	form.sadmin-register .radios label {
		padding: 0;
		font-size: 16px;
		font-weight: bold; }
	form.sadmin-register .radios input { margin: 0 8px 0 0; }
form.sadmin-register .vert-radios {
	clear: both;
	float: left;
	width: 581px;
	margin: 0 0 25px 0;
	background: transparent url("../images/bg_sadmin-vert-radios_repeat.gif") 0 0 repeat-y; }
	form.sadmin-register .vert-radios .inner {
		float: left;
		padding: 0 0 6px 0;
		background: transparent url("../images/bg_sadmin-vert-radios_bottom.gif") 0 100% no-repeat; }
	form.sadmin-register .vert-radios ul {
		width: 570px;
		padding: 15px 6px 0 5px;
		background: transparent url("../images/bg_sadmin-vert-radios_top.gif") 0 0 no-repeat; }
	form.sadmin-register .vert-radios li {
		padding: 4px 10px 15px 10px; }
	form.sadmin-register .vert-radios li.selected {
		padding-bottom: 5px;
		margin: 0 0 10px 0;
		background: #f7f7f7; }
	form.sadmin-register .vert-radios label {
		clear: none;
		padding: 0;
		margin: 0 0 0 20px;
		font-size: 13px;
		color: #666666; }
	form.sadmin-register .vert-radios input { float: left; }
form.sadmin-register input.input-text {
	width: 360px;
	height: 27px;
	padding: 6px 5px 0 5px;
	margin: 0 0 30px 0;
	font: normal 16px Arial, Helvetica, sans-serif;
	color: #333333;
	border: 1px solid #cccccc; }
form.sadmin-register h3 { padding: 0 0 12px 0; }
form.sadmin-register textarea {
	width: 442px;
	height: 82px;
	padding: 3px 5px;
	margin: 0 0 30px 0;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #333333;
	border: 1px solid #cccccc; }
form.sadmin-register input.btn_submit {
	float: left;
	margin: 0 25px 0 0; }
form.sadmin-register p.note {
	float: left;
	width: 363px;
	font-size: 14px; }



/* Resources
----------*/
.main-heading form#search {
	float: right;
	position: relative;
	padding: 0 10px 0 0; }
	.main-heading form#search input {
		width: 148px;
		height: 19px;
		padding: 5px 8px 0 8px;
		font: normal 12px Arial, Helvetica, sans-serif;
		color: #666666;
		border: none;
		background: transparent url("../images/bg_search-input.gif") 0 0 no-repeat; }
	.main-heading form#search a.btn_clear {
		display: block;
		position: absolute;
		right: 13px;
		top: 3px;
		z-index: 5;
		width: 18px;
		height: 18px;
		text-indent: -8685px;
		background: transparent url("../images/btn_search-clear.gif") 0 0 no-repeat; }
.profile-nav form.sort-by label {
	padding: 0 0 0 5px;
	font-size: 11px;
	font-weight: bold; }
#sidebar .with-tags .inner {
	width: 245px;
	padding: 12px 0; }
#sidebar .with-tags li { padding: 5px 17px; }
#sidebar .with-tags li.active {
	padding: 5px 0 2px 0;
	background: #0066cc; }
	#sidebar .with-tags li.active a {
		margin: 0 17px;
		color: #ffffff; }
	#sidebar .with-tags .tags {
		padding: 10px 0 0 0;
		margin: 5px 0 0 0;
		background: #fbfbfb;
		font-weight: normal;
		text-align: center; }
		#sidebar .with-tags .tags ul { padding: 0 0 10px 0; }
		#sidebar .with-tags .tags li {
			display: inline;
			padding: 0 7px;
			font-weight: normal; }
		#sidebar .with-tags .tags li.c1 { font-size: 12px; }
		#sidebar .with-tags .tags li.c2 { font-size: 14px; }
		#sidebar .with-tags .tags li.c3 { font-size: 16px; }
		#sidebar .with-tags .tags li.c4 { font-size: 18px; }
		#sidebar .with-tags .tags li.c5 { font-size: 20px; }
			#sidebar .with-tags .tags li a {
				margin: 0;
				color: #333333; }
		#sidebar .with-tags .tags p { padding: 0 0 5px 0; }
			#sidebar .with-tags .tags p a {
				color: #0066cc;
				text-decoration: underline; }
	#sidebar .link-list p.actions {
		padding: 5px 0 0 0;
		border-top: 1px solid #ffffff; }
ul.annotations-books p.icon,
ul.resources-list p.icon {
	padding: 0;
	height: 18px;
	text-indent: -8685px; }
ul.annotations-books p.play,
ul.resources-list p.play { background: transparent url("../images/icon_resources-play.gif") 0 0 no-repeat; }
ul.annotations-books p.poem,
ul.resources-list p.poem { background: transparent url("../images/icon_resources-poem.gif") 0 0 no-repeat; }
ul.annotations-books p.anatomy,
ul.resources-list p.anatomy { background: transparent url("../images/icon_resources-anatomy.gif") 0 0 no-repeat; }
ul.annotations-books p.biology,
ul.resources-list p.biology { background: transparent url("../images/icon_resources-biology.gif") 0 0 no-repeat; }
ul.annotations-books p.business,
ul.resources-list p.business { background: transparent url("../images/icon_resources-business.gif") 0 0 no-repeat; }
ul.annotations-books p.chemistry,
ul.resources-list p.chemistry { background: transparent url("../images/icon_resources-chemistry.gif") 0 0 no-repeat; }
ul.annotations-books p.drama,
ul.resources-list p.drama { background: transparent url("../images/icon_resources-drama.gif") 0 0 no-repeat; }
ul.annotations-books p.economics,
ul.resources-list p.economics { background: transparent url("../images/icon_resources-economics.gif") 0 0 no-repeat; }
ul.annotations-books p.film,
ul.resources-list p.film { background: transparent url("../images/icon_resources-film.gif") 0 0 no-repeat; }
ul.annotations-books p.foreign-language,
ul.resources-list p.foreign-language { background: transparent url("../images/icon_resources-foreign-language.gif") 0 0 no-repeat; }
ul.annotations-books p.geography,
ul.resources-list p.geography { background: transparent url("../images/icon_resources-geography.gif") 0 0 no-repeat; }
ul.annotations-books p.history,
ul.resources-list p.history { background: transparent url("../images/icon_resources-history.gif") 0 0 no-repeat; }
ul.annotations-books p.law,
ul.resources-list p.law { background: transparent url("../images/icon_resources-law.gif") 0 0 no-repeat; }
ul.annotations-books p.literature,
ul.resources-list p.literature { background: transparent url("../images/icon_resources-literature.gif") 0 0 no-repeat; }
ul.annotations-books p.math,
ul.resources-list p.math { background: transparent url("../images/icon_resources-math.gif") 0 0 no-repeat; }
ul.annotations-books p.medical,
ul.resources-list p.medical { background: transparent url("../images/icon_resources-medical.gif") 0 0 no-repeat; }
ul.annotations-books p.philosophy,
ul.resources-list p.philosophy { background: transparent url("../images/icon_resources-philosophy.gif") 0 0 no-repeat; }
ul.annotations-books p.physics,
ul.resources-list p.physics { background: transparent url("../images/icon_resources-physics.gif") 0 0 no-repeat; }
ul.annotations-books p.poetry,
ul.resources-list p.poetry { background: transparent url("../images/icon_resources-poetry.gif") 0 0 no-repeat; }
ul.annotations-books p.shakespeare,
ul.resources-list p.shakespeare { background: transparent url("../images/icon_resources-shakespeare.gif") 0 0 no-repeat; }
ul.annotations-books p.book,
ul.resources-list p.book { background: transparent url("../images/icon_resources-book.gif") 0 0 no-repeat; }
.profile-nav ul.display-options li.upload { position: relative; }
.profile-nav ul.display-options form.upload-modal {
	position: absolute;
	right: -85px;
	top: 10px;
	z-index: 100;
	width: 326px;
	padding: 6px 0 0 0;
	background: transparent url("../images/bg_library-upload.gif") 187px 0 no-repeat; }
	.profile-nav ul.display-options form.upload-modal fieldset {
		padding: 8px 10px;
		background: #0066cc; }
	.profile-nav ul.display-options form.upload-modal h3 {
		padding: 3px 5px;
		margin: 0 0 10px 0;
		font-size: 13px;
		border: 2px solid #e6f0fa;
		background: #ffffff; }
		.profile-nav ul.display-options form.upload-modal h3 small {
			font-size: 11px;
			color: #666666; }
	.profile-nav ul.display-options form.upload-modal label {
		display: block;
		clear: both;
		padding: 0 0 5px 0;
		font-weight: bold;
		color: #ffffff; }
	.profile-nav ul.display-options form.upload-modal .file-input {
		clear: both;
		float: left;
		padding: 3px;
		margin: 0 0 12px 0;
		background: #cce0f5; }
	.profile-nav ul.display-options form.upload-modal input.input-text {
		width: 204px;
		height: 19px;
		padding: 3px 4px 0 4px;
		margin: 0 0 15px 0;
		font: normal 13px Arial, Helvetica, sans-serif; }
	.profile-nav ul.display-options form.upload-modal select { margin: 0 0 15px 0; }
	.profile-nav ul.display-options form.upload-modal ul.tags a {
		float: none;
		display: inline;
		width: auto;
		height: auto;
		text-indent: 0; }
.tag-input { position: relative; }
	.tag-input ul.added-tags {
		position: absolute;
		left: 0;
		top: 4px;
		z-index: 5; }
		.tag-input ul.added-tags li {
			float: left;
			background: #333333 url("../images/bg_tag-left.gif") 0 0 no-repeat; }
		.tag-input ul.added-tags span {
			float: left;
			padding: 0 5px;
			font-size: 11px;
			color: #ffffff; }
		.tag-input ul.added-tags a {
			float: left;
			width: 15px;
			height: 15px;
			text-indent: -8685px;
			background: transparent url("../images/btn_remove-tag.gif") 0 0 no-repeat; }
	.profile-nav ul.display-options form.upload-modal .tag-input { margin: 0 0 5px 0; }
		.profile-nav ul.display-options form.upload-modal .tag-input input {
			width: 287px;
			height: 17px;
			padding: 3px 4px 0 4px;
			font: normal 13px Arial, Helvetica, sans-serif; }
	.profile-nav ul.display-options form.upload-modal ul.tags {
		padding: 0 0 15px 0;
		color: #ffffff;
		font-size: 11px; }
		.profile-nav ul.display-options form.upload-modal ul.tags li {
			float: none;
			display: inline; }
		.profile-nav ul.display-options form.upload-modal ul.tags a { color: #ffffff; }
	.profile-nav ul.display-options form.upload-modal .actions {
		clear: both;
		padding: 15px 5px 0 5px;
		color: #ffffff;
		border-top: 1px solid #ffffff; }
		.profile-nav ul.display-options form.upload-modal .actions input { margin: 0 5px 0 0; }
		.profile-nav ul.display-options form.upload-modal .actions a {
			float: none;
			display: inline;
			font-weight: bold;
			color: #ffffff; }
			
			
.profile-nav ul.display-options a.btn_upload {
			width: 58px;
			height: 20px;
			margin: -2px 0 0 0;
			background: transparent url("../images/btn_display-options_upload.gif") 0 0 no-repeat; }


/* Resources Mini View
--------------------*/
ul.resources-list { clear: both; }
ul.resources-list.mini { padding: 17px 0 0 0; }
	ul.resources-list.mini li {
		clear: both;
		float: left;
		width: 686px;
		padding: 0 0 15px 10px;
		margin: 0 0 15px 0;
		border-bottom: 1px solid #f2f2f2; }
	ul.resources-list.mini .details {
		float: left;
		width: 430px; }
	ul.resources-list.mini h3 {
		padding: 0 0 5px 0;
		font-size: 17px; }
		ul.resources-list h3 a {
			color: #31353d;
			text-decoration: none; }
		ul.resources-list h3 a:hover { text-decoration: underline; }
	ul.resources-list.mini p.icon {
		float: left;
		width: 45px;
		margin: 2px 0 0 0; }
	ul.resources-list.mini p.related-users {
		display: inline;
		padding: 0 20px 0 0;
		font: normal 11px Georgia, serif;
		color: #666666; }
		ul.resources-list.mini p.related-users a { text-decoration: none; }
		ul.resources-list.mini p.related-users a:hover { text-decoration: underline; }
	ul.resources-list.mini p.num-annotations {
		float: left;
		width: 210px;
		padding: 10px 0 0 0;
		font: italic bold 16px Georgia, serif;
		color: #999999;
		text-align: right; }